CKEditor Fügt nicht editierbares HTML in Stil ein

Ich arbeite gerade an einem Port von CKEditor in concrete5. Im Rahmen dessen hat concrete5 die Möglichkeit, "Snippets" zu erstellen, die über den Editor eingefügt werden können. Entwickler haben die Möglichkeit zu definieren, welche Art von HTML-Ausgabe diese Widgets erzeugen, aber im Bearbeitungsmodus zeigt sie einfach einen Platzhalter mit dem folgenden HTML:

Ich habe mir CKEditor-Widgets angeschaut, möchte aber nicht unbedingt meine Toolbar mit einer potenziell großen Anzahl von Knöpfen überladen, um diese Funktion zu aktivieren. Ich bin gespannt, ob es möglich ist, etwas zum Stylescombo-Dropdown (oder ähnlichem Dropdown) hinzuzufügen, das dann ein Schnipsel wie das obige einfügen würde.

Derzeit, was ich versuchen muss und dies tun, finden Sie unter Ссылка Dies funktioniert nicht ganz, da ich keine selectedSnippet.scsName in das innerHTML des Styles einfügen kann. Gibt es eine Möglichkeit, dies oder einen anderen offensichtlichen Weg zu gehen, um diese Art von Einfügen Funktionalität innerhalb CKEditor gehen, ohne Tonnen von Symbolleistenschaltflächen machen?

Außerdem sollte der Inhalt dieses Bereichs zwar entfernt, aber nicht bearbeitet werden können.