Can't add placeholders drop down to text field drop down options with CKEditor enabled

Question

GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? ChromeReproducible demo link https://codepen.io/darrenbawag/pen/JjWBLrpDescribe the bug How to reproduce the bug?Open this link https://codepen.io/darrenbawag/pen/JjWBLrp and try to show the placeholder dropdown to toolbar of CKEditor using this code but this does show the drop down only when we don't add the grape grapesjs-plugin-ckeditor to configuration.... What is the expected behavior? GrapeJS ck...

CaptSadaf · Accepted Answer

cc: @jcamejo @artf

artf · Answer

Those actions are only available for the built-in RTE, if you replace it with a custom RTE like CKEditor you don't see them. You have to use CKEditor itself for your custom logic.

GJS Helper · Answer

The issue you're encountering stems from a fundamental difference in how GrapesJS's default Rich Text Editor (RTE) and CKEditor handle toolbar customizations. When you enable grapesjs-plugin-ckeditor, GrapesJS replaces its lightweight, built-in RTE with the full-featured CKEditor. Consequently, the rte.add() method, which is designed to extend the default GrapesJS RTE toolbar, no longer applies to CKEditor. Root Cause: Your code snippet using rte.add() attempts to modify the GrapesJS internal R...

Can't add placeholders drop down to text field drop down options with CKEditor enabled

Question

Answers (3)

Related Questions and Answers

JS error when moving an element with its child

Can't parse trait values using Template literals(String Interpolation)

Prevent default not working for edge

Extending text component breaks textable blocks

Paid Plugins That Match This Issue

Related tutorials

How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services

Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS

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

Browse Plugin Categories