Initialization ckeditor

[grapesjs]

Initialization ckeditor

[artf]

GrapesJS can't figure it out by itself when you expect to start the Text Component so it's just trying "somehow" to guess it. In this case, it treats those <span>s as individual Text Component (the error is thrown by CKEditor just because it doesn't like to launch the editor on tags as <span>, <a>, etc.) but I think in your case you just want a single text component. You might help GrapesJS parsing with this trick:

<td>
  <!-- Let the editor know about the Text Component -->
  <div data-gjs-type="text">
    ... 
   <span> Oferta válida até o ... </span>
    ...
  </div>
</td>

[gitonspace]

@artf , It worked perfectly, thank you very much. How can I use ckeditor to insert the link into the image? I would like to use this option, but the ckeditor is not initialized in the images.

[artf]

Did you try using 'Link Block' (available in demo)? You can add the link and then drop whatever you want (eg. images)

[gitonspace]

@artf , Yes, I did, but I did not find it very practical. Sometimes the layer of the image, due to overlapping it is bad to select the link block.

In my opinion, it is more practical you insert the image and in the properties insert a link ... my ideal would be something of the type the attachment

[artf]

Totally agree with you, but at the moment it's not possible, I have to create a new component for this purpose