在元素之后而不是在可编辑div中的元素中添加文本 - Jquery

Question

我有这个HTML：

<div contenteditable="true"><a>Hello</a></div>

当光标位于Hello之后时，它会在<a>元素中附加新文本。但它应该在<a>元素之后添加新文本。怎么做？

Answer 1

嗯，这可能不是最佳解决方案，但您可以在内容中添加另一个div可编辑，将此设置为false。

<div contenteditable="true">
    <div contentEditable="false">
        <a href="http://google.com">Google</a>
    </div>
    Content here -- Wont change your link.
</div>