TinyMCE 4: Klassen/Styles einbinden

Fragen zur Installation von CONTENIDO 4.9? Probleme bei der Konfiguration? Hinweise oder Fragen zur Entwicklung des Systemes oder zur Sicherheit?
JuePoe
Beiträge: 92
Registriert: Mi 27. Jul 2005, 13:02
Wohnort: Hamburg + Wendland
Kontaktdaten:

TinyMCE 4: Klassen/Styles einbinden

Beitrag von JuePoe » Mi 1. Jul 2015, 21:03

Der Tiny4 scheint anders als die Tiny-Vorgängerversionen eingebunden zu sein.
Wie kann ich im Menü in der Format-Auswahl eigene Klassen einbinden?
In der Anleitung editiert man die init()-Anweisung. In welcher Datei/wo in der Datenbank ist sie zu finden?
Oder in den Mandanteneinstellungen? Wie wären da Beispiel-Einträge?

Danke schonmal.
Jürgen
dialog im netz Hamburg + Wendland

thomas.stauer_4fb
Beiträge: 27
Registriert: Di 23. Dez 2014, 14:08
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von thomas.stauer_4fb » Do 2. Jul 2015, 08:19

Für TinyMCE 4 kann man die Einstellungen unter Administration / System /WYSIWYG bearbeiten.

Das Feld für zusätzliche Parameter ist hierbei für eigene Einstellungen (wie z.B. die Format-Auswahl) hilfreich.

Da müsste dann z.B. in dem Bereich für CMS_HTML folgendes eingetragen werden:

Code: Alles auswählen

{
  "style_formats": [
    {
      "title": "Bold text",
      "inline": "b"
    },
    {
      "title": "Red text",
      "inline": "span",
      "styles": {
        "color": "#ff0000"
      }
    },
    {
      "title": "Red header",
      "block": "h1",
      "styles": {
        "color": "#ff0000"
      }
    },
    {
      "title": "Example 1",
      "inline": "span",
      "classes": "example1"
    },
    {
      "title": "Example 2",
      "inline": "span",
      "classes": "example2"
    },
    {
      "title": "Table styles"
    },
    {
      "title": "Table row 1",
      "selector": "tr",
      "classes": "tablerow1"
    }
  ],
  "formats": {
    "alignleft": {
      "selector": "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",
      "classes": "left"
    },
    "aligncenter": {
      "selector": "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",
      "classes": "center"
    },
    "alignright": {
      "selector": "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",
      "classes": "right"
    },
    "alignfull": {
      "selector": "p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img",
      "classes": "full"
    },
    "bold": {
      "inline": "span",
      "classes": "bold"
    },
    "italic": {
      "inline": "span",
      "classes": "italic"
    },
    "underline": {
      "inline": "span",
      "classes": "underline",
      "exact": true
    },
    "strikethrough": {
      "inline": "del"
    },
    "customformat": {
      "inline": "span",
      "styles": {
        "color": "#00ff00",
        "fontSize": "20px"
      },
      "attributes": {
        "title": "My custom format"
      }
    }
  }
}
So würde dann z.B. im Format-Menü im Punkt Formate dann die definierten Formate auftauchen.



Die Einstellungen landen in der Datei config.wysiwyg_tinymce4.php in config-Ordner zur jeweiligen Umgebung.

JuePoe
Beiträge: 92
Registriert: Mi 27. Jul 2005, 13:02
Wohnort: Hamburg + Wendland
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von JuePoe » Do 2. Jul 2015, 08:37

Hi Thomas,
meine Version ist die 4.9.7. Aber ich habe unter Administration > System > WYSIWYG nur die Meldung

Code: Alles auswählen

Die Konfiguration des derzeitigen WYSIWYG-Editors ist mittels dieser Seite nicht unterstützt.
Fragende Grüße
Jürgen
dialog im netz Hamburg + Wendland

thomas.stauer_4fb
Beiträge: 27
Registriert: Di 23. Dez 2014, 14:08
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von thomas.stauer_4fb » Do 2. Jul 2015, 08:47

Hast Du denn TinyMCE 4 aktiviert?

Zum Aktivieren zum Beispiel unter Administration / System / Experteneinstelungen folgende Variable überprüfen:

Typ: wysiwyg
Name: editor
Wert: tinymce4


Wenn da ein anderer Wert drin steht dann muss der Wert angepasst werden. Wenn die Variable nicht gesetzt ist dann müsste dem entsprechend eine neue Variable angelegt werden.

JuePoe
Beiträge: 92
Registriert: Mi 27. Jul 2005, 13:02
Wohnort: Hamburg + Wendland
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von JuePoe » Do 2. Jul 2015, 09:03

Hi,
ich habe in der config.php

Code: Alles auswählen

/* The selected wysiwyg editor*/  
$cfg['wysiwyg']['editor']  = 'tinymce4';
und – jetzt - unter Administration > System > Experteneinstellungen

Code: Alles auswählen

editor 	wysiwyg 	tinymce4
Die config.wysiwyg_tinymce4.php liegt mit dem Beispeielcode unter /cms/data/config/production,
Der Code wird über dem Editor als Text angezeigt.
Unter Administration > System > WYSIWYG wird weiterhin die genannte Meldung gezeigt.
Welche Information fehlt noch?

Beste Grüße
Jürgen
dialog im netz Hamburg + Wendland

thomas.stauer_4fb
Beiträge: 27
Registriert: Di 23. Dez 2014, 14:08
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von thomas.stauer_4fb » Do 2. Jul 2015, 09:11

Die config.php kannst Du in dem Fall ignorieren. Die Info hat nur etwas mit dem Ladeprozess von TinyMCE 4 zu tun.
JuePoe hat geschrieben:und – jetzt - unter Administration > System > Experteneinstellungen

Code: Alles auswählen

editor    wysiwyg    tinymce4
Meines Ermessens nach müsste dort folgendes Stehen:

Code: Alles auswählen

wysiwyg 	editor 	tinymce4
Sprich die Schlüssel sind hier eventuell vertauscht worden.

JuePoe
Beiträge: 92
Registriert: Mi 27. Jul 2005, 13:02
Wohnort: Hamburg + Wendland
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von JuePoe » Do 2. Jul 2015, 10:00

Ja, verwechselt.
Jetzt steht die WYSIWYG-Konfiguration im Backend zur Verfügung.
Ich habe im Feld (unter CMS_HTML ganz unten) "Zusätzliche Parameter (JSON, das an Tinymce bei der Initalisierung übergeben wird)" experimentiert, kann aber keine Änderungen im Editor feststellen. Im Pulldown "Formate" tauchen die eigenen Klassen nicht auf.
Auf der TynyMce-Seite Custom Formats sieht man einen eigenen Button für die eigenen Stile. Leider kann man dafür z.B: im Feld Toolbar 3 keinen Code eingeben. Habs mit customformat ausprobiert.
dialog im netz Hamburg + Wendland

thomas.stauer_4fb
Beiträge: 27
Registriert: Di 23. Dez 2014, 14:08
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von thomas.stauer_4fb » Do 2. Jul 2015, 10:14

JuePoe hat geschrieben:Ja, verwechselt.
Jetzt steht die WYSIWYG-Konfiguration im Backend zur Verfügung.
Ich habe im Feld (unter CMS_HTML ganz unten) "Zusätzliche Parameter (JSON, das an Tinymce bei der Initalisierung übergeben wird)" experimentiert, kann aber keine Änderungen im Editor feststellen. Im Pulldown "Formate" tauchen die eigenen Klassen nicht auf.
Die Änderungen tauchen so nur im Menüeintrag auf. Das JSON muss gültig sein, auf der Beispielseite ist es dies aber nicht (deshalb mein Beispiel zum Einfügen). Hier muss man dann die Syntax entsprechend korrigieren.


Für die Umsetzung der einzelnen Optionen muss man die TinyMCE 4 Dokumentation bemühen und eventuell die Werkeinstellungen von CONTENIDO in den Bereichen dann via dem Feld für zusätzliche Parameter überschreiben.

Mit dem Bereich für style_formats habe ich mich bisher nicht beschäftigt. Wie man jetzt konkret zum Beispiel den Formats-Knopf einblendet etc müsste in der TinyMCE 4 Dokumentation stehen.

homtata
Beiträge: 1142
Registriert: Mi 14. Jan 2004, 14:41
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von homtata » Do 2. Jul 2015, 10:22

Früher ging das meine ich so (dunkelste Erinnerung, selbst nie benutzt), dass man in den Mandanteneinstellungen einen Wert setzte:

Code: Alles auswählen

tinymce	content_css	css/style_tiny.css
und dann die entsprechende CSS-Datei in den Order /cms/css legte. Dort legt man die gewünschten Klassennamen leer an, also z.B.

Code: Alles auswählen

.testme {}
.pdf {}
und danach waren die im Dropdown vorhanden. Funktioniert dieser Weg noch?

JuePoe
Beiträge: 92
Registriert: Mi 27. Jul 2005, 13:02
Wohnort: Hamburg + Wendland
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von JuePoe » Do 2. Jul 2015, 10:24

Leider nicht.

Danke jedenfalls.
dialog im netz Hamburg + Wendland

thomas.stauer_4fb
Beiträge: 27
Registriert: Di 23. Dez 2014, 14:08
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von thomas.stauer_4fb » Fr 3. Jul 2015, 07:32

homtata hat geschrieben:Früher ging das meine ich so (dunkelste Erinnerung, selbst nie benutzt), dass man in den Mandanteneinstellungen einen Wert setzte:
Nein, so funktioniert das mit TinyMCE 4 nicht. Dieser ist so in CONTENIDO integriert, dass man diese Informationen im Feld für zusätzliche Parameter anzugeben hat.

Den Parameter content_css hatte ich im Beispiel nicht mit angegeben und die CSS-Datei muss man auch selbst erstellen.

JuePoe
Beiträge: 92
Registriert: Mi 27. Jul 2005, 13:02
Wohnort: Hamburg + Wendland
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von JuePoe » Di 29. Sep 2015, 17:39

Hi,
ist jemand schon weitergekommen?
Man trägt also in die Mandanteneinstellungen Parameter und Werte ein.
Aber mit welcher Syntax?

Was nicht geht:
Typ customstyle
Name red
Wert #f00

Wie ist es richtig bzw. wo kann man es lesen?
dialog im netz Hamburg + Wendland

thomas.stauer_4fb
Beiträge: 27
Registriert: Di 23. Dez 2014, 14:08
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von thomas.stauer_4fb » Do 1. Okt 2015, 08:13

JuePoe hat geschrieben:Wie ist es richtig bzw. wo kann man es lesen?
Nun, die Antwort müsste man in der TinyMCE-Dokumentation selbst finden.
Die gewünschte Konfiguration habe ich bisher nicht umsetzen müssen, deshalb kann ich dazu, noch immer, keine genaueren Angaben machen.

Horst1234
Beiträge: 366
Registriert: Sa 25. Okt 2008, 12:45
Wohnort: Bremen
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von Horst1234 » Mo 21. Nov 2016, 15:55

Hallo zusammen,
Hat schon jemand Erfahrung wie man dem Tiny4 das "Überschreiben" generell abgewöhnt, früher war das ja einfach tinymce - extended_valid_elements - *[*] in den Mandanteneinstellungen. Gibt es da einen Code für das Feld für die zusätzliche Parameter?
Gruß,
Horst
Webdesign | Contenido: Templateprogrammierung, Einrichtung und Verwaltung | http://www.w2media.de

homtata
Beiträge: 1142
Registriert: Mi 14. Jan 2004, 14:41
Kontaktdaten:

Re: TinyMCE 4: Klassen/Styles einbinden

Beitrag von homtata » Mo 21. Nov 2016, 17:15

Man gibt unter Administration -> System -> WYSIWYG im letzten Inputfeld des Abschnitts "TinyMCE 4-Konfiguration für CMS_HTML" bei "Zusätzliche Parameter" folgendes ein:

Code: Alles auswählen

{
"valid_elements": "*[*]",
"extended_valid_elements":  "*[*]"
}
Voilà ... :-)

Antworten