问题 #2693💬 已回答提出于 2020年4月1日作者 mazuschlag1 个反应

富文本编辑器的位置在进入/返回时不会更新

快速解答作者 khurram9001

@mazuschlag如果你用的是 CKeditor,可以试试这个补丁。 它会重新计算并将 ckeditor 重新定位到正确的位置。 'CKEDITOR.on('instanceReady', 函数 (e) {' '编辑。RichTextEditor.updatePosition();' });

阅读下方完整回答 ↓

问题

再次感谢大家为这个项目付出的所有努力!

这在当前版本0.16.3中可以复现——你可以在通讯演示中查看:https://grapesjs.com/demo-newsletter-editor.html

通常RTE会显示在元件上方,所以这不是问题。然而,当支持RTE的元素靠近编辑器顶部时,RTE就没有空间放置于该元素上方,因此RTE会被放置在下方。按下“回车”或“回车”时,RTE会保持原位,阻挡了下方的大部分元件。

要重现:

  1. 开放葡萄JS
  2. 在编辑器顶部放置文本字段
  3. 输入文字并按下回车键。

当用户通过退格键删除文本元素中的一行时,RTE的位置会正确更新,并移动到元素的新边缘。但对于enter,它完全不动。

回答(3)

khurram9002022年2月3日

@mazuschlag如果你用的是 CKeditor,可以试试这个补丁。 它会重新计算并将 ckeditor 重新定位到正确的位置。

'CKEDITOR.on('instanceReady', 函数 (e) {' '编辑。RichTextEditor.updatePosition();' });

artf2020年4月2日

Canvas 工具应该在文本组件的“输入”事件时更新,当前版本甚至内置 RTE 也有问题,但下次版本会修复。 不知怎么的,这个问题不会影响CKEditor插件,但据我所见,“enter”从未触发“input”事件,所以我觉得CKEditor实例应该附加了其他事件。我很乐意收到关于这个插件的永久认证

mazuschlag2020年4月3日

@artf 谢谢你的回复,但我有点困惑。CKEditor插件也会出现这种情况——你的意思是修复会和内置的CKEditor修复分开?我不介意修复,但你有什么建议从哪里开始吗?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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