Nicht bearbeitbares HTML um den Wrapper herum platzieren

Question

Mein CMS funktioniert so: Websites können ein Theme und viele Vorlagen unter diesem Thema haben. Themes werden auf jeder Seite gerendert, und Vorlagen nur auf bestimmten Seiten. Ich habe GrapesJS erfolgreich in meinen bestehenden Template-Editor integriert, aber ich habe eine Frage: Gibt es eine Möglichkeit, ein Theme in Grapes um eine Vorlage herum zu rendern? Das heißt, gibt es eine Möglichkeit, nicht-editierbares HTML um das editierbare HTML einzufügen? Wenn ich HTML in die Leinwand zwischen...

z1lk · Accepted Answer

Ich habe am Code herumgespielt und einen kleinen Patch erstellt, der meinen Bedürfnissen entspricht. Eine Konfigurationsoption 'Surround' ermöglicht es Ihnen, eine ID anzugeben, die ein Element im Container darstellt. Dieser DOM-Unterbaum wird während der Hauptinitialisierung herausgezogen, in der Editor-Konfiguration gespeichert und vom Canvas erkannt. Die Leinwand übernimmt dann das Rendern des Surrounds um den Wrapper. Ich bin gespannt, ob jemand anderes ähnliche Bedürfnisse hat und ob das e...

artf · Answer

Großartig @z1lk ich denke, selbst so etwas wird funktionieren '''js const canvas = Editor. Leinwand; const surround = document.createElement('div'); surround.innerHTML = '

Etwas Text

'; canvas.getBody().appendChild(surround); surround.appendChild(canvas.getWrapperEl()); ``` Ich schließe das ab, da du deinen Fall gelöst hast

z1lk · Answer

Ich habe eine ähnliche Lösung wie deine verwendet, damit ich keine Änderungen an der Traubenquelle durchführen muss. Manchmal sind die Positionen der Bauteil-"Werkzeuge" nicht am richtigen Platz, als ob ihr vertikaler Versatz relativ zum Körper und nicht zum Wickler berechnet würde. Ich kann es allerdings nicht zuverlässig reproduzieren. Danke für deine Hilfe, @artf Nachtrag: Ich denke, die Fehlplatzierung des Werkzeugs lag daran, dass der "Surround" von außen nach innen gewandert ist. Ich habe...

Nicht bearbeitbares HTML um den Wrapper herum platzieren

Frage

Antworten (3)

Verwandte Fragen und Antworten

Bilder können in einem Abschnitts-Layout in Safari nicht eingefügt werden

Bild ändert sich nicht, während wir HTML mit editor.getHtml() abrufen.

Mach ein ganzes Element ziehbar, nicht nur den Griff

Der Farbwähler verlässt den Editor-Bildschirm, wenn er NICHT IM VOLLBILD IST

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien