Contentify: Editing/Expanding Quick-Access Flags in Text-Editor

[tjoecs]

Mahlzeit,
gibt es eine einfache Option, dem System zu sagen, welche Flaggen es beim Klick auf das Flaggen-Icon in der Texteditor-Leiste anzeigen soll? Ich würde die Auswahl gern etwas anpassen!

Gruß

[chriskonnertz]

Hallo,

ich würde sagen; Ja die gibt es. Es handelt sich dabei ja um ein Plugin für den CKEditor. Das JS-Script für dieses Plugin liegt hier: Contentify/public/vendor/ckeditor/plugins/flags/plugin.js

Hier werden die Flaggen definiert: https://github.com/Contentify/Contentify/blob/2.1/public/vendor/ckeditor/plugins/flags/plugin.js#L14

Das kannst du anpassen.

Achtung: Diese Änderungen werden möglicherweise durch ein zukünftiges Update des CMS überschrieben. Du solltest daher ein Backup von deinen Anpassungen machen.

[tjoecs]

Hi, danke!
Klappt wunderbar.

Für alle, die auch Interesse haben: Im Anschluss ggf. einmal den Browser Cache leeren, dann sind die Flaggen auch aktuell!

[tjoecs]

Direkt mal noch ergänzend: Ich habe auch die styles.js gefunden und probiert, einen vordefinierten Style einzufügen. Jedoch war danach das Feld im Editor ausgegraut und nicht mehr zu öffnen.. wie kann ich denn eigene Styles oder CSS-Klassen irgendwie für eine komfortable Schnellauswahl einfügen?

Weil: Schreibe ich für eine div oder einen Absatz die class="" in den Code, und speichere den Post, verschwindet die class-Zuweisung aus dem Code. Das ist etwas schade, weil es bei Aktualisierung einer News dazu führt, dass ich die class wieder händisch reinschreiben muss (jedes mal wenn man die News aktualisiert)

[sNakiex]

Would it be doable to also implement the WYSIWYG editor into the forum/comments?

[chriskonnertz]

Yes. Just adding it is easy.

But the editor creates HTML code. You would also have to care about what users are or are not allowed to do. How would you prevent them from posting this: </div></div></div></div></div></div></div></div></div></div></div></div> This closes all HTML <div> tags and probably would destroy the layout of the page.

I have no real solution for these problems so I do not recommend doing this.

I believe the best way is to use an intermediate language such as BBCode or Markdown. Then you can exactly control how user input is rendered to HTML. That is why BBCode is suppoted in comments an forum posts. There is just no BBCode editor added.

One idea is to investigate if CKEditor can be used to output BBCode. Here is a plugin that tries to do that: https://ckeditor.com/addon/bbcode However I do not know it that really works.

[sNakiex]

please switch to like https://www.sceditor.com/ it's easier and can output bbcode ;-) ckeditor does have a config flag that turns <div> into <p> ( CKEDITOR.config.allowedContent = false; )
See also https://docs.ckeditor.com/#!/guide/dev_advanced_content_filter

[chriskonnertz]

That is not an option at the moment. In generally I am open for suggestions but this one I have to reject. I think it would be a fundamental change and I do not want to make that change.

However, there is nothing holding you back from implementing SCEditor on your website.

[chriskonnertz]

@tjoecs

Direkt mal noch ergänzend: Ich habe auch die styles.js gefunden und probiert, einen vordefinierten Style einzufügen. Jedoch war danach das Feld im Editor ausgegraut und nicht mehr zu öffnen.. wie kann ich denn eigene Styles oder CSS-Klassen irgendwie für eine komfortable Schnellauswahl einfügen?

Ich habe dein Vorgehen nachgespielt und bei mir klappt das.

1. Die Datei public/vendor/ckeditor/styles.js mit einem Texteditor geöffnet
2. Eigenen Style eingefügt der die Klasse "contentify-test" zuweisen soll:
   
3. Er steht dann im Editor zur Verfügung, wenn ich Text markiere und den Style zuweise, speicher und neu lade und dann in den HTML-Modus wechsle sehe ich das hier:
   <div class="contentify-test">Hello world!</div>

[tjoecs]

Okay, dann probiere ich es nachher nochmal. Das würde mir die Arbeit erheblich vereinfachen.

Gibt es eigentlich einen Grund dafür, dass manuell in der Code-Ansicht eingetippte Klassenzuweisungen einfach weg sind nach Klick auf speichern? Also er nimmt sie, weil die fertige News ja korrekt aussieht, aber würde ich direkt nochmal auf speichern klicken, wären die Zuweisungen weg.

[tjoecs]

perfekt! Funktioniert super. Habe ich wohl einen kleinen Fehler gemacht letztes Mal.
Top!

[chriskonnertz]

Schön zu hören!

Gibt es eigentlich einen Grund dafür, dass manuell in der Code-Ansicht eingetippte Klassenzuweisungen einfach weg sind nach Klick auf speichern? Also er nimmt sie, weil die fertige News ja korrekt aussieht, aber würde ich direkt nochmal auf speichern klicken, wären die Zuweisungen weg.

Klingt erst mal nicht als sollte das so sein, ich schau mir das bei Gelegenheit mal an.