问题 #1697✓ 已解决提出于 2019年1月2日作者 chiqui3d24 个反应

实现TinyMCE并禁用RTE

快速解答作者 GoodPHP18

你好,请关注新的RTE: Tinymce 6 - https://gjs.market/products/tinymce-6-inline-text-editor 弗罗阿拉 - https://gjs.market/products/froala-inline-text-editor

阅读下方完整回答 ↓

问题

我正在尝试用“tinyMCE”来替代RTE,但我正在做一个不可能完成的任务,我按照插件CKEDITOR(https://github.com/artf/grapesjs-plugin-ckeditor)的同样步骤操作,但没有任何结果。

我也考虑过重写文本部分,但那会太多,因为文本部分是默认的RTE。 我这里做了一个示例,https://jsfiddle.net/qept2v7r/3/ 如果你能帮我,因为说实话我不明白发生了什么,我得点击三次才能打开编辑器工具栏。

谢谢!

回答(3)

artf2019年1月6日

不幸的是,由于 https://github.com/tinymce/tinymce/issues/4629 的问题,无法实现 TinyMCE,实际上 grapesjs 的包装器在另一个 iframe 里,格式也无法正常工作(只有撤销/重做按钮有效)。

这是我用 tinyMCE 几乎完成的插件示例: https://jsfiddle.net/uq9hfL8p

我必须关闭这个问题,因为问题与 tinyMCE 有关

adamyarger2019年6月13日

@chiqui3d我来晚了,但我确实让 Tinymce 的 cutomRte 能用了。为了让tinymce能和iframe兼容,你必须在iframe窗口和文档的上下文中传递。 我在@artf示例中添加了 tinymce 配置 https://jsfiddle.net/adamyarger/t3b5qky1/1/ 另外要注意,其他一些格式无法使用,这是因为根 tinymce 元素是 p 标签。要在 tinymce 中使用块元素,你需要启用 div 作为文本组件。

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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