问题 #2655💬 已回答提出于 2020年3月16日作者 Hsin903210 个反应

如何在 innerHTML 中实现可编辑

快速解答作者 Hsin90321

我发现问题不在虚线上,而是在 interHTML上!! innterHTML 让我的组件无法编辑。 我想用modal来显示输入,让视图变化。 重启渲染视图,效果非常完美。 但我还是无法编辑。 这就是我的代码(去掉模型,因为工作量很好) ![1584524335664](https://user-images.githubusercontent.com/55831138/76946712-6a918800-693f-11ea-9b59-edfa712e51f5.gif) 和动图一样,我不能在 div 里编辑 456 和 789 我尝试输入:'text',可编辑:true, 或 但他们并没有起作用。:( ![1584523001546...

阅读下方完整回答 ↓

问题

你好, 我想用 BlockManager 来创建组件。 我画了虚线,这很好,我能看到。 然后,这是我的组件代码 就像这张图片一样完美运行。我可以编辑文本,并且在 .chs-row-cell 类中看到虚线 ![1](https://user-images.githubusercontent.com/55831138/76725666-e4801080-6789-11ea-9c15-b1331427f5b5.PNG) 今天,我想在这个组件里添加可调整大小(只有这个组件可以调整大小) 所以我会像↓这样改代码 可调节大小运行得很好,但组件存在一些问题,比如图像, 我尝试添加类型:'text',这样我可以编辑文本 但我看不到,也不能在 .chs-row-cell 和 .chsBlock 类中使用虚线 ![3](https://user-images.githubusercontent.com/55831138/76726603-94567d80-678c-11ea-8a0b-88b208f73d34.PNG) 我希望这个组件能做点什么。我能看到虚线选定的可调节大小块 文本可以编辑 我该怎么办?谢谢!

回答(3)

Hsin903212020年3月18日

我发现问题不在虚线上,而是在 interHTML上!! innterHTML 让我的组件无法编辑。 我想用modal来显示输入,让视图变化。 重启渲染视图,效果非常完美。 但我还是无法编辑。 这就是我的代码(去掉模型,因为工作量很好) ![1584524335664](https://user-images.githubusercontent.com/55831138/76946712-6a918800-693f-11ea-9b59-edfa712e51f5.gif) 和动图一样,我不能在 div 里编辑 456 和 789 我尝试输入:'text',可编辑:true, 或 但他们并没有起作...

artf2020年3月20日

你已经在同一个问题上发了很多问题,应该避免。 创建一个带有该问题的现场演示。 顺便说一句,你原帖里有个错误 “''js ... 标签:“选择”, 内容:{ 类型:“文本”, 组件定义中的“content”是一个静态字符串 内容: '<div class=“chs-row” data-gjs-droppable=“.row-cell” > 改用组件 components: '<div class=“chs-row” data-gjs-droppable=“.row-cell” >

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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