Question: Dragging blocks into a Text block?

Question

This is not a bug but an implementation question. If this is not the right place to ask these questions, please let me know. We're working on an implementation where we want to use GrapesJS to allow users to create an e-mail template. As part of this implementation we are working to create mail-merge functionality: we've introduced the concept op 'merge-fields' or 'placeholders' which we will replace with the proper values on the server side. This means we send over the components JSON structur...

artf · Accepted Answer

Have you checked API-Rich-Text-Editor? You can add a custom action like this

artf · Answer

Probably in the next release, this feature will be available. So textable will be just another property, this will allow any component to be dropped inside Text components. Here is the code of the component from the example above:

mathieuk · Answer

Yes, I've used that and I've pretty much got that working. The difference is that I am not using a text placeholder like you are. I'm actually inserting a block (with a corresponding 'type') so that I can further configure these placeholders (for instance, a field might be a Datetime field and my user may want to configure the exact output format for that datetime). I used HTML5 drag'n'drop to implement this and that works pretty nice, bút... It feels like departing from the expected user inter...

Dragging blocks into a Text block?

Question

Answers (3)

Related Questions and Answers

[QUESTION] How to place a component at the end of the canvas.

Error: node_modules/grapesjs/dist/index.d.ts:12551:2 - error TS1005: '?' expected. 12551 }> ? C : {}) | undefined) => (editor: Editor) => void; ~ Error: node_modules/grapesjs/dist/index.d.ts:12558:3 - error TS1005: '?' expected. 12558 }> ? C : {}) | undefined) => (editor: Editor) => void;

[QUESTION/BUG?] Dragging second block don't haveCSS

[QUESTION]: GrapesJS moving Mustache tokens

Paid Plugins That Match This Issue

Related tutorials

Find the Right GrapesJS Plugin in Seconds: Smarter Discovery Is Live

Browse Plugin Categories