文本问题编辑。如果删除了文本,也不会再选择
我觉得更多是布局问题。由于该框没有文字,它会失去尺寸,所以很难重新启用。无论如何,你可以扩展文本组件,添加一些额外的样式,方便选择空置。 对于悬停,你需要扩展文本组件视图,并在悬停时绑定 onActive 方法。
阅读下方完整回答 ↓问题
首先,感谢你提供的@artf。因为我正在做一个项目。我在编辑文本时遇到了一个问题。如果我选择文本框并编辑文本,它就没问题“,但如果我删除所有文本,点击别处,再尝试选择文本框。但没用,因为空文字会隐藏,也没有再选中。如果我在DOM里检查,它存在<p><p>但空的。为什么它没有再次选择空?<p>
此外,我想在悬停时只选择文本框。我不需要先点击框框再编辑。我们能在悬停文本字段时自动打开CKeditor吗? 提前感谢大家
回答(2)
我觉得更多是布局问题。由于该框没有文字,它会失去尺寸,所以很难重新启用。无论如何,你可以扩展文本组件,添加一些额外的样式,方便选择空置。 对于悬停,你需要扩展文本组件视图,并在悬停时绑定 onActive 方法。
感谢你报告,@NoumanAhmad-Braqsol。 关于文本编辑问题“的好问题。如果文本被删除,文本就不会再次选择。GrapesJS 推荐的方法是使用事件驱动 API。 从这里开始: 查看你所在模块的[GrapesJS文档](https://grapesjs.com/docs/) 寻找“on()”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式: “JavaScript 留意变化 editor.on('change', () => console.log('something changed')); 组件生命周期 editor.on('component:mount...
相关问答
通过相似的问题讨论继续研究。
问题 #3250
问题:图层标签
@artf我很喜欢和GJS合作。我还有最后一件事希望你能帮忙。 如果能在图层管理器中自定义标签会非常有帮助。我到处找过,但都没找到。 默认显示“文本”和“框”的方式,对于想要高效导航来说帮助不大。 <img width=“204” alt=“截图 2021-01-28 07 2...
问题 #3282
CleanId函数无法与MJML代码兼容
即使在最新版本的 grapesjs(0.16.41)上,CleanID 仍然无法支持 MJML 代码。 这和这个已关闭的问题有关:https://github.com/artf/grapesjs/issues/3276 这个函数不会读取MJML标签:“attrs”是空的,我找不...
问题 #3285
:画布iframe中的文档类型
嗨。 这个问题已经被问过两次([这里](https://github.com/artf/grapesjs/issues/973)和[这里](https://github.com/artf/grapesjs/issues/1230)),但从未有过答案。 有没有办法在画布ifram...
问题 #3367
模态模板
有没有办法修改已编译状态的模板? https://github.com/artf/grapesjs/blob/d3256e621bb43a537213ffcd86b10dc0bd070c0b/src/modal_dialog/view/ModalView.js#L1-L16 如...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
GrapesJS DevTools: A Developer Panel Inside Your Editor
If you've ever debugged GrapesJS with console.log(editor.getSelected()) and a dozen throwaway event listeners — this post is for you.
教程
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
教程
Big Updates: TinyMCE 8 and Placeholder 2.0 for GrapesJS
In May we shipped major updates to two of our most popular GrapesJS plugins — TinyMCE Inline Text Editor and Placeholder.
浏览插件分类
直接跳转到市场上的插件分类页面。