问题 #1605💬 已回答提出于 2018年11月26日作者 rajeshmaropost0 个反应

我们能在 RTE 中实现粘贴为富文本编辑器选项吗?

快速解答作者 artf

请使用“insertHTML”代替“insertText”

阅读下方完整回答 ↓

问题

嗨@artf我用过这个拖放编辑器,真是太棒了。 我也看了你的文档,尝试扩展富文本编辑器,但卡住了。 正如你看到下面的截图所示,我为富文本编辑器添加了不同的选项 ![截图 2018-11-26 12:34 27 PM 1](https://user-images.githubusercontent.com/38133560/48998223-db27fa80-f178-11e8-9da5-b721d355755c.png) 我实现了“粘贴为纯文本”,我想要另一个选项来做粘贴为富文本编辑器(格式化文本并带有所有样式等),那么能不能做到,就像这里的代码粘贴选项一样 “''js rte.add('insertText', { 名称:“insertText”, 图标:“<I class=”fa fa-paste“></i>', 内容:“, attributes: {title: 'PasteAsPlainText', “data-tooltip”: 'PasteAsPlainText'}, 结果:rte => { rte.exec('insertText', prompt(common)) } }); ``` 这里我取一个带“”这个的共同变量,在切割选项中写成 common = rte.selection().toString(); rte.exec('cut')} 因为富文本编辑器的默认...

回答(3)

artf2018年11月30日

请使用“insertHTML”代替“insertText”

rajeshmaropost2018年12月3日

你好@artf 这是我的代码。 ' rte.add('insertHTML', { 名称:“insertHTML”, 图标:“<I class=”fa fa-paste“></i>', attributes: {title: 'PasteAsPlainText', “data-tooltip”: 'PasteAsPlainText'}, 结果:rte => { rte.exec('insertHTML', 提示(“由于您的浏览器安全设置,编辑器无法直接访问您的剪贴板数据。你需要再次粘贴到这个窗口。请用键盘粘贴在以下框内(Ctrl/Cmd+V)并点击确定)) } });` 对我来说不行,比如我...

相关问答

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

问题 #499

面板内的标签

你好,@artf, 你可能知道,在我公司,我们正在开发一款基于GrapesJS的产品。 我们尽量保持与GrapesJS核心的联系。作为开发者,我们尽力避免从 GrapesJS 创建分支,而是不断向仓库贡献。 现在,我们有一个新功能要开发,想知道它对 GrapesJS 是否有趣。...

3 个回答更新于 2019年9月18日

问题 #1296

自定义富文本编辑器无法工作

你好@artf,我刚用不同的库(比如CKEditor 5、TinyMCE 4或pell)创建了一个RTE的自定义插件,但结果都是编辑器失去焦点,导致按钮无法应用到文本内容上。 ![截图 2018-07-18,17 06 53](https://user-images.githu...

3 个回答更新于 2020年2月18日

问题 #1502

使用 RTE 编辑后创建多个子元素

大家好, 我遇到的都是与RTE相关的问题RTE作为对文本块执行的动作创建多个子节点。例如:假设我们在同一文本块上连续执行了三次相同的动作(加粗),那么它在同一元素上创建了三个子节点。RTE中的字体操作仅支持1到7之间的字体大小,因此请在RTE中支持1到100之间的字体大小。 !...

3 个回答更新于 2019年10月19日

问题 #1514

如何在 blockManager 上添加视频块

大家好。 我想在 BlockManager 上添加一个视频块,就像下面快照提到的那样 ![啊啊啊](https://user-images.githubusercontent.com/32187513/46931328-52417d80-d068-11e8-81d6-66a11...

3 个回答更新于 2019年10月15日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

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