启用CKEditor后，无法在文本栏下拉选项中添加占位符

Question

GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 铬可复制演示链接 https://codepen.io/darrenbawag/pen/JjWBLrp描述一下那个虫子 如何复现这个漏洞？打开这个链接 https://codepen.io/darrenbawag/pen/JjWBLrp，尝试用这段代码显示CKEditor工具栏的占位下拉菜单，但只有当我们没有在配置中添加 grape grapesjs-plugin-ckeditor时，下拉菜单才会显示。... 预期的行为是什么？ GrapeJS CKeditor 应该提供添加自定义占位符下拉菜单的功能， 目前的行为是什么？ 当我使用 grape js ckeditor 或自定义插件时，我无法自定义下拉占位符到工具栏选项。 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 该代码增加了RichTextEditor默认工具栏的下拉菜单，但不添加CKeditor工具栏的下拉选项 行为准则[X] 我同意遵守本项目的行为准则

CaptSadaf · Accepted Answer

CC：@jcamejo @artf

artf · Answer

这些动作只在内置RTE上使用，如果你用自定义RTE比如CKEditor替代，就看不到它们。你必须用 CKEditor 来实现自定义逻辑。

GJS Helper · Answer

你遇到的问题源于GrapesJS默认的富文本编辑器（RTE）和CKEditor工具栏自定义方式的根本差异。当你启用grapesjs-plugin-ckeditor时，GrapesJS会用功能齐全的CKEditor取代其轻量级的内置RTE。因此，设计用来扩展默认GrapesJSRTE工具栏的rte.add()方法不再适用于CKEditor。 根本原因： 你用rte.add()的代码片段试图修改GrapesJS内部RTE。不过，当grapesjs-plugin-ckeditor激活时，编辑器实例是CKEditor，它有自己的丰富API，用于工具栏自定义、插件创建和命令注册。你不能直接用GrapesJS的rte.add()在CKEditor工具栏中添加自定义下拉菜单或按钮。 解决方案：通过grapesjs-plugin-ckeditor选项自定义CKEditor 要在 GrapesJS内的 CKEditor 工具栏中添加自定义占位菜单，你需要利用 CKEditor 自有的插件系统，并通过 grapesjs-plugin-ckeditor 选项进行配置。这包括两个主要步骤： 自定义CKEdi...

启用CKEditor后，无法在文本栏下拉选项中添加占位符

问题

回答（3）

相关问答

Drag boundary issue with dragMode: absolute/translate

文本元素在事件扩展后无法重复选择

Keyboard shortcuts/Keymaps not working

重复链接通过RTE添加

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类