当组件视图修改HTML时，文本组件不再可编辑
问题
我正在尝试构建一个自定义组件，内容中包含一些Lorem ipsum文本，以便在画布上进行编辑。但我也想修改视图中的HTML（添加一些我想在编辑器中显示但不在已保存HTML中的内容）。我尝试过类似这样的方法： 问题是，如果我像上面那样修改render（）函数，文本部分中的文本组件（h1和p）就无法通过双击文本编辑。 有没有更好的方式来实现我想做的事情？ 谢谢！
回答（3）
我尝试了上述方法，具体如下： 但在把组件放到画布后，我仍然无法编辑 h1 和 p 元素的文本。:(
抱歉我之前没注意到 “''js var html = this.el.innerHTML; html = “<h1>ABC</h1>” + html; this.el.innerHTML = html;
你基本上是移除模型中的元素，并以HTML形式附加一个新字符串（编辑器已经无法访问他们的模型了）。如果你想添加新组件，应该通过模型来实现（例如 'view.model.append（<div>'stuff</div>'）'）
你可以扩展文本组件，而不是基础组件 “''js const defaultType = comps.getType（'default'）; const textType = comps.getType（'text'）; ... view： textType.view.extend（{ ...
相关问答
通过相似的问题讨论继续研究。
问题 #459
在另一个模块中包含自定义组件时出现错误
抱歉标题有点模糊。我不太确定如何简洁地描述这件事。我有一个自定义块，想限制只有图片可以丢进块的某个部分。我尝试过类似这样的方法： 然而，当我这样做时，尝试将方块从方块调色板中拖出时，会出现以下错误： ... grapes.min.js：2 未捕获类型错误：s 不是构造函数 at...
问题 #484
我能限制可以放入容器的方块吗？
我的目的是创建一个块，只允许放置图像组件（我用的是 grapes-blocks-basic 的默认组件）在里面。 我有以下测试代码： 但是，当我运行上述代码时，发生的情况是我无法在图像容器中放置图像组件。绿色下拉光标只会出现在容器的顶部、底部和侧面，但不会出现在容器内部。实际上...
问题 #1891
无法创建新的按钮组件
我在为一个元素创建一个新组件时遇到了<button>困难。我到底漏掉了什么？这里是不是出了什么问题？如果我把它改成“<input>''元素，效果很好：
问题 #522
模型HTML问题
#513 抱歉打开新期，但你关闭了上一期，所以不得不重新创建， 我在下面遇到困难，如果你能帮我解决或指导我示例代码就太好了，或者如果你有5分钟时间，做个小代码笔也很好，非常感谢你的帮助。 我试过你建议的，但子组件的模型依然没有更新，只在组件渲染时返回默认值。 “''js fun...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。