问题 #2920💬 已回答提出于 2020年7月26日作者 wfcheng0 个反应

问题:用 summernote 替代富文本编辑器似乎不起作用

快速解答作者 wfcheng

做了一些修改,现在 summernote 工具栏显示正常,但只有项目符号格式能正常。 新的编码笔位于[这里](https://jsfiddle.net/easylogic/hxre19cL/70/)。 @artf 任何建议都将不胜感激。

阅读下方完整回答 ↓

问题

我正在尝试用[summernote](https://summernote.org/)替换Grapesjs中的默认RTE。 我得到了summernote作者的帮助,让这个[codepen](https://jsfiddle.net/easylogic/hxre19cL/43/)勉强能用,但summernote作者得出的结论是:

'但 grapejs p element 是 iframe 中的一个内容。 换句话说,存在一个结构,p 标签存在于 iframe,而 ui 必须存在于外部。Summernote是一种结构,隐藏了元素,并贴上了Summernote的标签。它似乎很难使用,因为summernote的其他资源都没有加载在iframe中。”

我更喜欢 summernote,而不是 TinyMCE 或 CKEditor,因为它是“麻省理工学院的许可证”。有人尝试用SummerNote替代RTE并成功吗? 有什么建议吗?

回答(3)

wfcheng2020年7月28日

做了一些修改,现在 summernote 工具栏显示正常,但只有项目符号格式能正常。 新的编码笔位于[这里](https://jsfiddle.net/easylogic/hxre19cL/70/)。 @artf 任何建议都将不胜感激。

timramseyjr2020年9月28日

@wfcheng 你后来有进展吗?Codepen包含了canvas脚本/样式,这些脚本会在iframe里添加资源,所以我有点搞不清楚summernote作者指的是什么。

wisecheng382020年9月30日

@timramseyjr我最后只是在RTE工具栏里增加了更多按钮,允许在选定文本上应用字体样式和颜色,尽管Grapesjs的文档建议使用样式管理器。 我发现把它们放在工具栏上更友好。

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。