跨度不能作为文本编辑

Question

你好，Artf， 我在导入一些HTML模板时遇到了问题。起初我无法看到跨度文本。但在帮编辑重新整理后，我无法将它们作为文本进行编辑。 ' 让 domc = this.editor.DomComponents; 让textType = domc.getType（“text”）; domc.addType（'span'， { 定义模型 model： textType.model.extend（{}， { isComponent（el） { 如果 （el.tagName === 'SPAN'） { 返回 {类型：“Span”， SRC代码：El.src， 标签名称：el.tagName.toLowerCase（）， components： el.innerHTML } } } }), 查看：textType.view });` 这是我的HTML模板： [5 octobre.html.zip]（https://github.com/artf/grapesjs/files/1464913/5.octobre.html.zip） 谢谢你的帮助！:)

artf · Accepted Answer

对于可编辑内容，你必须使用“content”。 “''js ... 内容：el.innerHTML ... ```

asvine-p · Answer

你好，artf，我已经把“components： el.innerHTML”替换成了“content： el.innerHTML”，但内容仍然无法编辑。这是我的代码： ' 令 domc = this.editor.DomComponents; let textType = domc.getType（“text”）;' domc.addType（'span'， { 定义模型 model： textType.model.extend（{}， { isComponent（el） { 如果 （el.tagName === 'SPAN'） { 作为模板.子节点，遍历器将返回一个空数组 跳过所有节点，因此将其作为字符串（他们） 稍后处理） 返回 {类型：“Span”， SRC代码：El.src， 标签名称：el.tagName.toLowerCase（）， 组件：el.innerHTML， 内容：el.innerHTML， } } } }), 查看：textType.view });` 如果我保留“components： el.innerHTML”，文本会被重复。

bakgat · Answer

``` 返回 {类型：“Span”， SRC代码：El.src， 标签名称：el.tagName.toLowerCase（）， 组件：el.innerHTML， 内容：el.innerHTML， 可编辑：真实 }

跨度不能作为文本编辑

问题

回答（3）

相关问答

点击文本元素，打开不同面板视图

创建新类型后文本消失

自定义组件在块中用作 HTML

调整大小后图像恢复到原始大小

与此问题匹配的付费插件

相关教程

🚀 Introducing GrapesJS Email Blocky: The Ultimate Email Block Library for GrapesJS

浏览插件分类