[Bug]: How to use components

Question

Using GrapesJS 0.15.10 I cant get the components to work the way I intent. Its probable me, so if its a question, feel free to adjust the title of the issue. (its a follow up of https://github.com/artf/grapesjs/issues/2195) I've made a pen (hope thats ok, didnt see the fiddle templates) for my example: https://codepen.io/jogai/pen/yLNJgLZ?editors=1011 I see the same behavior in chrome & firefox. Expected to have a row with text that is not selectable/draggable/highlightable but instead the row...

pouyamiralayi · Accepted Answer

Hi @Jogai you must also specify the `data-gjs-draggable on the <td>`: Cheers!

Jogai · Answer

Thanks. At least thats an improvement, but still the other properties are not taken into account, and if you try tro drag it (since the drag arrows still show up) it throws an error and then the whole editor is in a broken state. I updated the example.

Jogai · Answer

Updated the example. Its sort of a followup on https://github.com/artf/grapesjs/issues/2195

My assumption is wrong that draggable needs data-gjs- prefix, because the html part without using component doesnt have that either. Still the child td is not seen as part of the component.

How to use components

Question

Answers (3)

Related Questions and Answers

The documented way to parse @keyframes does not work

Style Manager Issue.

[QUESTION] How to create custom block made of grapesjs components?

[Question] How to work with Custom Components

Paid Plugins That Match This Issue

Browse Plugin Categories