[BUG] Custom HTML output not firing on reload
Question
I am using the toHtml and isComponent properties for a custom component to allow for custom HTML output. This appears to be working when the element is first dropped on the canvas but when the page is refreshed the element is present but does not return the custom HTML.
Grape Version: 0.14.15 Browser: Chrome 66.0.3359.139 (Official Build) (64-bit)
I've put together the following sample which reproduces the issue: https://jsfiddle.net/zbL1ehz2/
Reproduction steps: Drag a 'Foo Block' to the canvas Click the 'View code' button Output will be 'FOO' which is the expected result Refresh the page - Canvas should reload with the Foo Block already inserted Click the 'View code' button Output will be
<div class="foo">Foo
</div>
which is not the expected result
Answers (2)
You should put your custom components in a plugin and it will work
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1493
[QUESTION] render() works on the first time but not on subsequent calls
Hello, I've created a custom component that shows images using background-image on a <div> instead of using an <img> element. It's mostly w...
Issue #1699
[BUG] Link elements are not copyable/deletable
In the editor, if we have link element with some classes, the editor does not allow to copy/delete the element. GrapesJS version: v0.14.50S...
Issue #1157
Return span randomly in custom component
I have custom component and on trait change wanted to updated html but randomly it returned span/textnode in trait change function insted o...
Issue #463
Is the video component on the webpage demo working?
I wanted to study how to use the video component but the one on the demo website (http://grapesjs.com/demo.html) doesn't seem to be working...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.