Eine Komponente, die editierbares HTML einfügt

Question

Wäre es möglich, einen Block zu erstellen, der es dem Benutzer erlaubt, in responsivem HTML entweder direkt auf die Vorlage oder seitlich im Style/Layout-Manager zu schreiben?

Ryandeba · Accepted Answer

Hallo @NorthstarTech, Ich habe gerade ein Plugin erstellt (sehr früh, könnte noch etwas verbessert werden), das dir vielleicht hilfreich sein könnte: https://github.com/ryandeba/grapesjs-html-block. Du solltest diese Datei einfach in dein Projekt aufnehmen können und das Plugin in deine grapesjs Init-Konfiguration einbauen: 'grapesjs.init({ ..., Plugins: ['html-block'] })` Nachdem du das gemacht hast, solltest du einen neuen "HTML-Code"-Block sehen. Zieh es irgendwohin, wähle das Element aus, u...

Ryandeba · Answer

@chiqui3d Ändere die Funktion 'isComponent' in diese, um zu verhindern, dass das anfängliche interne HTML von grapesjs in Komponenten umgewandelt wird: Der andere Code, den ich gepostet habe, sollte verhindern, dass Grapesjs nach dem Bearbeiten des Modals das HTML parsen. Der Schlüssel zu beiden ist, dass du das interne HTML in die Eigenschaft 'content' setzen musst statt in 'components'.

Ryandeba · Answer

Ich glaube, dieses Problem ist gelöst und könnte aufgrund des ersten Kommentars hier abgeschlossen werden: https://github.com/ryandeba/grapesjs-html-block/issues/1. @NorthstarTech könntest du bestätigen oder mit weiteren Details antworten, wenn du dieses Problem offen halten möchtest?

Eine Komponente, die editierbares HTML einfügt

Frage

Antworten (3)

Verwandte Fragen und Antworten

Benutzerdefinierter Codeblock und JS

ID ändert sich beim Import von HTML oder beim Weitergeben von HTML in Komponenten in der Konfiguration.

Wie man eine Komponente am Ende der Leinwand platziert.

Ereignis ändern oder hinzufügen auf der Komponente hinzufügen aus dem Block

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien