Symbolleiste im WYSIWYG-Editor erweitern

neuehp · 13. März 2017 10:08

Hallo,

ich habe die aktuellste Version von CMS (Colonia) und der Texteditor hat bei mir nur wenig Einstellungsmöglichkeiten (B, I, U; Blocksatz etc.; Ausschneiden, Einfügen, etc.; Nummerierungen, Verlinkungen, Bild einfügen und Formatvorlagen). Ich habe aber gesehen, dass es dort viel mehr Möglichkeiten (und damit Erleichterungen) gibt (Z.B. Farbeinstellungen etc.). Das scheinbar hier nützliche Modul wäre "TinyMCE", ist aber wohl nicht mit der aktuellen Version von CMSMS kompatibel. Wer kann mir hier helfen, wo kann ich das einstellen (ich finde nichts) bzw. welches Modul könnte hier Abhilfe schaffen?

Herzlichen Dank für die Hilfe.

LG neuehp

nockenfell · 13. März 2017 13:00

TinyMCE gibt es für CMSMS 2.x in der aktuellsten Version. Für die 1.12er gibt es eine ebenfalls gut nutzbare Version von TinyMCE, welche zwar nicht in der neusten TinyMCE Ausgabe ist, aber einiges mehr als der MicroTiny ermöglicht.

Weitere Editoren sind mir nicht bekannt.

Andynium · 18. März 2017 21:26

neuehp schrieb:

der Texteditor hat bei mir nur wenig Einstellungsmöglichkeiten (B, I, U; Blocksatz etc.; Ausschneiden, Einfügen, etc.; Nummerierungen, Verlinkungen, Bild einfügen und Formatvorlagen).

Yep, das ist der MicroTiny, und wie der Name bereits vermuten lässt, ist da alles etwas kleiner gehalten wink .

neuehp schrieb:

mehr Möglichkeiten (und damit Erleichterungen) gibt (Z.B. Farbeinstellungen etc.)

Vorsicht - der Editor sieht zwar aus wie eine ältere Word-Version, ist es aber nicht. Wenn du die Farbeinstellungen nutzt, ist es sehr wahrscheinlich, dass du sogenannten Spaghetti-Code produzierst ... also Content und Layout vermischst, was es schnell unübersichtlich macht und nicht sonderlich professionell ist, speziell bei häufigeren Änderungen. Sieht dann so aus

Hier klicken, um den Code zum Kopieren zu markieren

<p>mein <span style="color: #red; font-weight: bold">wichtiger Text</span>, den jeder lesen sollte</p>

Der richtige Weg wäre, sich via CSS die entsprechenden Farbklassen zu definieren, und dann dem Wort, Absatz oder was auch immer die passende Klasse zuzuordnen (->markieren und dann die Klasse auswählen).

Hier klicken, um den Code zum Kopieren zu markieren

.rot {color: #red; font-weight: bold}
.blau {color: #blue}

neuehp schrieb:

Das scheinbar hier nützliche Modul wäre "TinyMCE", ist aber wohl nicht mit der aktuellen Version von CMSMS kompatibel.

Du musst dir eine Modulversion nehmen, die als Versionsnummer eine führende 2.x hat wink .

neuehp schrieb:

welches Modul könnte hier Abhilfe schaffen?

Es gibt in der Tat für CMS/ms kein weiteres, aktiv gepflegtes Editoren-Modul.

neuehp · 19. März 2017 18:59

Danke nockenfell und cyberman für eure Antworten. Also kann ich auf der folgenden Seite die entsprechende Version herunterladen? http://dev.cmsmadesimple.org/project/files/12
Kann ich die Version 3.1.4 nehmen oder muss es eine 2.x sein? Lade ich dort danndie .tar.gz-Datei herunter und installiere die via FTP bei den Modulen? Und dann sollte es funktionieren?

Die Farbklassen via CSS zu definieren, das kriege ich leider nicht hin, dafür reichen meine Kenntnisse nicht aus (weiß nicht wo ich die wie definiere bei CMS, habe das ehrlich gesagt noch nie gemacht über CSS).

Danke für die Hilfe.

Andynium · 26. März 2017 13:42

neuehp schrieb:

oder muss es eine 2.x sein? ... Und dann sollte es funktionieren?

Yep!

Nimm aber besser diese Version

https://www.cmsmadesimple.de/forum/view … 632#p30632

neuehp schrieb:

Die Farbklassen via CSS zu definieren, das kriege ich leider nicht hin, dafür reichen meine Kenntnisse nicht aus (weiß nicht wo ich die wie definiere bei CMS, habe das ehrlich gesagt noch nie gemacht über CSS).

Irgendwann ist immer das erste Mal wink .

Also - bei CMSMS ist jeder Seite ein Template zugeordnet, und jedem Template ist ein (oder mehrere) CSS zugeordnet. Das jeweilige Template siehst du in der Seitenübersicht (meist 4. Spalte), da klickst du drauf (ist verlinkt) und kommst dann in die Template-Bearbeitung. Direkt neben dem Button "Übernehmen" solltest du in Icon sehen (ein kleiner Monitor mit CSS beschriftet). Dort klickst du drauf und springst dann in eine Übersicht, welche CSS dem Template alle zugeordnet sind. Dort klickst du den letzten/untersten Eintrag an und kommst in die CSS-Bearbeitung. In der Text-Area scrollst du ganz nach unten und trägst dort das oben gepostete Code-Schnipsel ein, natürlich mit deinen Farben

Hier klicken, um den Code zum Kopieren zu markieren

.blau {color: #blue}

Üblicherweise werden die Farben aber eher in hexadezimaler Schreibweise angegeben, so dass dies dann

Hier klicken, um den Code zum Kopieren zu markieren

.blau {color: #0000ff}

heißen müsste. Einen Überblick über die "websicheren" Farben findest du hier

http://www.css4you.de/refcolor216.html

Es sind aber auch beliebige andere Farben möglich. Um den hexadezimalen Wert einer bestimmten Farbe zu bestimmen, gibt es für fast alle Browser sogenannte Colorpicker-Plugins.

Eine hilfreiche Link-Sammlung zum Thema Webdesign, HTML, CSS und mehr findest du hier

https://www.cmsmadesimple.de/forum/viewtopic.php?id=16

Forum für CMS/made simple

#1 13. März 2017 10:08

Symbolleiste im WYSIWYG-Editor erweitern

#2 13. März 2017 13:00

Re: Symbolleiste im WYSIWYG-Editor erweitern

#3 18. März 2017 21:26

Re: Symbolleiste im WYSIWYG-Editor erweitern

#4 19. März 2017 18:59

Re: Symbolleiste im WYSIWYG-Editor erweitern

#5 26. März 2017 13:42

Re: Symbolleiste im WYSIWYG-Editor erweitern

Fußzeile des Forums