FCKeditor

[M3Y3R]

Hallo,

weiß jemand ob man im FCKeditor irgendwie den Zeilenabstand selbst bestimmen kann und wenn ja, wo bzw. wie ich das mache bzw. einstellen kann?
Würde dies gerne im Frontend anzeigen lassen, weiß aber nicht wo ich ansetzen soll...

Google spuckt auch nichts brauchbares aus und die Seite von FCKeditor selbst bietet auch nichts wirklich brauchbares....


Danke!


MFG
Papenburger

 

[theHacker]

https://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#line_height

 

[M3Y3R]

Ich glaube du hast mich nicht richtig verstanden...

Ich möchte im Frontend des FCKeditors einstellen können, welchen Zeilenabstand ich haben möchte...
Nicht direkt als CSS-Attribut...

 

[theHacker]

FCK arbeitet aber nur mit CSS

Vermutlich suchst du das hier:
https://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles

 

[M3Y3R]

Vermutlich suchst du das hier:
https://docs.cksource.com/CKEditor_3.x/Developers_Guide/Styles

Das ist es nicht ganz, wird aber sicherlich auch benötigt.
Das was ich möchte ist in dem Editor eine weitere Select-Box anbieten wo man den Zeilenabstand einstellen kann. Also neben der Auswahl der Größe oder Schriftart auch den Zeilenabstand....

Verstehst was ich meine?
Ich steige aber weder durch den Quelltext noch durch die Dokumentation druch und bei Google kann ich leider auch nichts finden....

 

[theHacker]

Du möchtest die Toolbar um ein weiteres Element, ne Combo-Box, erweitern, wo man dann verschiedene Zeilenabstände auswählen kann?

Das geht, aber da müsstest du dich ordentlich mit JavaScript auskennen und dich auch entsprechend in den Editor-Code einarbeiten. Die nötigen Infos findest du wahrscheinlich hier:
https://docs.cksource.com/ckeditor_api/index.html
Speziell für UI-Elemente:
https://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.uiElement.html (Basisklasse)
https://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.select.html (Combo-Box)

Mehr kann ich dir aber nicht helfen, da ich weder viel JavaScript kann, noch den Editor derart umgebaut hab. (Außerdem liegt mein letzter Einsatz von FCKEditor schon ein paar Jahre zurück. Damals hieß er auch noch FCKEditor )

 

[M3Y3R]

Du möchtest die Toolbar um ein weiteres Element, ne Combo-Box, erweitern, wo man dann verschiedene Zeilenabstände auswählen kann?

Das geht, aber da müsstest du dich ordentlich mit JavaScript auskennen und dich auch entsprechend in den Editor-Code einarbeiten. Die nötigen Infos findest du wahrscheinlich hier:
https://docs.cksource.com/ckeditor_api/index.html
Speziell für UI-Elemente:
https://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.uiElement.html (Basisklasse)
https://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.ui.dialog.select.html (Combo-Box)

Mehr kann ich dir aber nicht helfen, da ich weder viel JavaScript kann, noch den Editor derart umgebaut hab. (Außerdem liegt mein letzter Einsatz von FCKEditor schon ein paar Jahre zurück. Damals hieß er auch noch FCKEditor )

Danke für die Links, theHacker.
Habe das ganze Problem nun so gelöst, dass ich die Style-Combo-Box, welche ja standartmäßig vorhanden ist nun eingebunden und innerhalb dieser Box weitere Elemente hinzugefügt habe...

Damit hat sich dieses Thema für mich erledigt...

 

[Diskshut]

Danke für die Links, theHacker.
Habe das ganze Problem nun so gelöst, dass ich die Style-Combo-Box, welche ja standartmäßig vorhanden ist nun eingebunden und innerhalb dieser Box weitere Elemente hinzugefügt habe...

und wie genau hast du das gemacht?

 

[M3Y3R]

und wie genau hast du das gemacht?

Habe in der Config-Datei die Elemente per Definition hinzugefügt:

FCKConfig.CustomStyles =
{
	'Line-Height: 8pt' : { Element : 'span', Styles : { 'line-height' : '8pt' } },
	'Line-Height: 9pt' : { Element : 'span', Styles : { 'line-height' : '9pt' } },
	'Line-Height: 10pt' : { Element : 'span', Styles : { 'line-height' : '10pt' } },
	'Line-Height: 11pt' : { Element : 'span', Styles : { 'line-height' : '11pt' } },
	'Line-Height: 12pt' : { Element : 'span', Styles : { 'line-height' : '12pt' } },
	'Line-Height: 13pt' : { Element : 'span', Styles : { 'line-height' : '13pt' } },
	'Line-Height: 14pt' : { Element : 'span', Styles : { 'line-height' : '14pt' } },
	'Line-Height: 15pt' : { Element : 'span', Styles : { 'line-height' : '15pt' } },
	'Line-Height: 16pt' : { Element : 'span', Styles : { 'line-height' : '16pt' } },
	'Line-Height: 17pt' : { Element : 'span', Styles : { 'line-height' : '17pt' } },
	'Line-Height: 18pt' : { Element : 'span', Styles : { 'line-height' : '18pt' } },
	'Line-Height: 19pt' : { Element : 'span', Styles : { 'line-height' : '19pt' } },
	'Line-Height: 20pt' : { Element : 'span', Styles : { 'line-height' : '20pt' } }
};