ProcessWire - TinyMCE Editor: Unterschied zwischen den Versionen
Aus Wikizone
(Die Seite wurde neu angelegt: „Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren.“) |
|||
| Zeile 1: | Zeile 1: | ||
Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren. | Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren. | ||
| + | |||
| + | Styles lassen sich in den Moduleinstellungen anpassen: | ||
| + | |||
| + | Beispiel | ||
| + | <pre> | ||
| + | #Extras h5.accordion { } /* Accordion item heading */ | ||
| + | #Extras h6 { } /* Tab item heading */ | ||
| + | #Extras hr.stop { } /* Stop tabs or accordions */ | ||
| + | #Blocks uk-text-lead {font-size: 1.5em } /* Lead text */ | ||
| + | #Blocks .uk-text-meta { font-size: 14px; color: #999 } /* Meta text */ | ||
| + | #Blocks .uk-text-small { font-size: 14px; } /* Small text */ #Uikit .uk-text-muted { color: #999; } /* Muted text */ | ||
| + | #Inline span.red-text { color: red; } /* Red Text */ | ||
| + | #Blocks p.outline { padding: 20px; border: 1px dotted #ccc; } /* Outline paragraph | ||
| + | </pre> | ||
| + | |||
| + | Wobei #Blocks für den Menübereich steht und der Kommentar für das /* Label */ | ||
Version vom 3. März 2025, 18:09 Uhr
Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren.
Styles lassen sich in den Moduleinstellungen anpassen:
Beispiel
#Extras h5.accordion { } /* Accordion item heading */
#Extras h6 { } /* Tab item heading */
#Extras hr.stop { } /* Stop tabs or accordions */
#Blocks uk-text-lead {font-size: 1.5em } /* Lead text */
#Blocks .uk-text-meta { font-size: 14px; color: #999 } /* Meta text */
#Blocks .uk-text-small { font-size: 14px; } /* Small text */ #Uikit .uk-text-muted { color: #999; } /* Muted text */
#Inline span.red-text { color: red; } /* Red Text */
#Blocks p.outline { padding: 20px; border: 1px dotted #ccc; } /* Outline paragraph
Wobei #Blocks für den Menübereich steht und der Kommentar für das /* Label */
