jquery - 編集可能な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>