允许编辑文本节点

Question

问题：没有父节点的文本节点无法编辑。有父节点但又有兄弟节点（例如一个跨）的文本节点也不可编辑。必须支持原始文本节点。

一个不起作用的例子：

<div id=“gjs”>
  <div class=“glyphicon glyphicon-asterisk”></div>试着编辑我
</div>

预期的行为是文本节点“尝试编辑我”可以被编辑。实际行为是无法编辑。

JSFiddle 以复现： https://jsfiddle.net/szLp8h4n/107/

mipierce · Accepted Answer

这是为了修正没有被跨度包裹的文本，使组件可编辑 const updateLooseTextComponents = function（components： [any]） { 对于（组件的const分量）{ if （component.type === 'textnode'） { component.type = 'text'; component.tagName = 'span'; } 如果 （component.components） { updateLooseTextComponents（component.components）; } } }; updateLooseTextComponents（components）; Const TD = 任一 template.template_data; td['gjs-components'] = JSON.stringify（components）;

tommedema · Answer

@artf<gjs-text-node>“听起来是个不错的解决方案！

artf · Answer

我意识到并同意，问题就是“怎么做？”。文本节点没有“contentEditable”属性，所以我们可能需要尝试把它们都包裹在“”里<span>（只在它的视图里），看看它们是如何处理的

允许编辑文本节点

问题

回答（3）

相关问答

Set root does not work

：HTML 属性/特征未逃逸

在切换某些目标时，添加到样式管理器的自定义类型 update（）不再被触发。

XSS when add class name to Selector Manager

与此问题匹配的付费插件

浏览插件分类

问题