在一个contenteditable div中切换自定义元素

Question

我需要一个简单而纯粹的javascript脚本，切换 自定义标记（如<mytag>some text</my tag>）在一个可信的div中。有什么想法吗？

Answer 1

您无法使用JavaScript直接替换元素的标记。

但是，你可以动态创建一个元素，并将该元素的内容设置为原始元素。

这可以在以下内容中看到：

＆＃13;

＆＃13;

var e = document.getElementsByClassName('editable')[0];
e.onclick = function() {
  var d = document.createElement('textarea');
  d.innerHTML = e.innerHTML;
  e.parentNode.replaceChild(d, e);
}

＆＃13;

<div class="editable">Text</div>

＆＃13;

＆＃13;

＆＃13;

至于切换它，您需要将元素设置回<div>。

希望这有帮助！ ：）