在RTE中添加自定义按钮
算了 🤦 ♂️ 我找到了问题,我以为本地开发环境会用 grapesjs 版本(14.40)通过 npm 安装,但它加载的是 unpkg 里的旧版本(10.7)......这就是问题的根源。 我希望这至少能帮助遇到类似情况的人...... 这是我使用的最终代码: 这样会在光标位置插入所选选项的值,同时显示不可选择的选项为“标题”,而且选中占位符后会将选中的值重置为默认值,这样之前选中的选项就不会显示(因为我只想插入占位符,不想让它成为下拉菜单的“标题”)
阅读下方完整回答 ↓问题
大家好, 我目前正试图摆脱CKeditor(它曾在一个遗留应用中用于创建电子邮件和微型网站)。这其实效果很好,但我需要在文本中插入占位符/标签/合并字段,随你怎么叫(比如 [[salutation]] [[firstname]] 等)。 起初我看了 grapesjs 的资源,了解如何在 rte 中添加自定义元素,并在代码注释中找到了一个示例。API文档中的同样示例: 但即使是这个例子也不成立。它只显示RTE工具栏中的一个空按钮:  在各期杂志中翻找后,我发现了类似这样的内容: 这段代码至少给了我一个选择下拉菜单,但当我选择某个选项时,变更事件不会触发。我就是搞不好...... 希望你们中有人能指点我正确的方向。 此致敬礼, ExCluSiv3
回答(2)
算了 🤦 ♂️ 我找到了问题,我以为本地开发环境会用 grapesjs 版本(14.40)通过 npm 安装,但它加载的是 unpkg 里的旧版本(10.7)......这就是问题的根源。 我希望这至少能帮助遇到类似情况的人...... 这是我使用的最终代码: 这样会在光标位置插入所选选项的值,同时显示不可选择的选项为“标题”,而且选中占位符后会将选中的值重置为默认值,这样之前选中的选项就不会显示(因为我只想插入占位符,不想让它成为下拉菜单的“标题”)
由于关闭后没有近期活动,该帖子已被自动锁定。请为相关漏洞开启新一期。
相关问答
通过相似的问题讨论继续研究。
问题 #1605
我们能在 RTE 中实现粘贴为富文本编辑器选项吗?
嗨@artf我用过这个拖放编辑器,真是太棒了。 我也看了你的文档,尝试扩展富文本编辑器,但卡住了。 正如你看到下面的截图所示,我为富文本编辑器添加了不同的选项   => rte.exec('insertOrder...
问题 #5159
启用CKEditor后,无法在文本栏下拉选项中添加占位符
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 铬可复制演示链接 https://codepen.io/darrenbawag/pen/JjWBLrp描述一下那个虫子 如何复现这个漏洞?打开这个链接 https://codepen.io/darre...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。