ProcessWire - TinyMCE Editor - Versionsgeschichte

109.193.152.88: /* Divs erlauben mittels Plugin */

2025-08-04T17:50:49Z

Divs erlauben mittels Plugin

2025-08-04T17:49:04Z

2025-03-03T17:09:31Z

2025-03-03T16:53:50Z

Die Seite wurde neu angelegt: „Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren.“

Neue Seite

Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren.

@@ Zeile 19: / Zeile 19: @@
 == Divs erlauben mittels Plugin ==
 Wenn man divs nutzen will gibt es einige Fallen. Z.B. ist es nicht so einfach mehrere p-Tags innerhalb eines Divs zu nutzen. Man kann aber z.B. ein TinyMce Plugin basteln.
 === Plugin Code ===

@@ Zeile 1: / Zeile 1: @@
 Der TinyMCE Editor ist der Nachfolger des CKE Editor. Er läßt sich deutlich leichter modifizieren.
-Styles lassen sich in den Moduleinstellungen anpassen:
+Styles lassen sich in den Moduleinstellungen anpassen (Custom style formats CSS). Das geht auf Modulebene oder auf Feldebene (wenn man das in den Moduleinstellungen erlaubt):
 Beispiel
@@ Zeile 16: / Zeile 16: @@
 Wobei #Blocks für den Menübereich steht und der Kommentar für das /* Label */

← Nächstältere Version		Version vom 3. März 2025, 17:09 Uhr
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 */