PageKit — 可自托管的 GrapesJS 建站工具,附完整源码。 获取抢先体验

问题 #3783💬 已回答提出于 2021年9月16日作者 mattnoth0 个反应

RTE overlapping text when text component set to 100% height

快速解答作者 artf

这不是bug,只是一个奇怪的使用场景。

阅读下方完整回答 ↓

问题

GrapesJS 版本 请帮帮我——这个问题可能在别处已经解决了,但我查了相关问题,没找到任何问题——文档里有提到要移动RTE的位置,但我不确定应该放在初始化的哪个位置——>'rteToolbarPosUpdate'是什么意思? pos 是什么意思?我只是想让 RTE 在设置为 100% 高度时,能放在文本框的底部。[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器? 版本 93.0.4577.82(官方构建)(64位)可复制演示链接 https://codesandbox.io/s/peaceful-feather-8pz5i描述一下那个虫子 当你进入沙盒时,必须手动将文本框的高度和宽度设置为100%——不知为何它无法保存 如何复现这个漏洞?...设置文本组件的尺寸——高度为100%,宽度为100% ...点击文本部分,你会看到RTE与文本重叠 预期的行为是什么? ...RTE应该放在文本合成网的底部 目前的行为是什么? ...当文本组件高度设置为100%时,RTE会重叠文本 如果需要执行某些代码以重现该漏洞,请将其粘贴到下面: 这是另一张问题的照片 ![RTE重叠](https://user-images.githubusercontent.com/6341816/133675372-1b9b0464-0197-4fe0-8cd1-bb87eba04e18.png...

回答(3)

artf• 2021年9月17日

这不是bug,只是一个奇怪的使用场景。

mingxin-yang• 2021年9月27日

@artf我想更改rte工具栏的位置,但pos没有文档中提到的参数

GJSBlock• 2026年5月17日

谢谢你举报,@mattnoth。 关于RTE在文本组件设置为100%高度时,文本重叠的好问题。ProseMirror 推荐的方法是使用事件驱动的 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount', (c) =>...

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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