如何實現像 WhatsApp Web 上那樣的可編輯 div？

Question

由於 Windows 不支持標志表情符號，我需要實現一個行為類似於文本區域的可編輯 div，因此可以顯示標記圖像而不是表情符號字符。 有誰知道如何做到這一點並修復諸如復制/粘貼之類的奇怪行為以僅允許文本？

編輯

我已經知道屬性contenteditable ，但問題是它的行為不像 textarea ，特別是在向/從它復制/粘貼內容時。 如何解決？

Answer 1

也許 contenteditable 屬性會為您服務，請查看本指南

Answer 2

是的，這是可能的！ 如果你想在可編輯的 div 上包含更多的未來，那么你可以使用 document.execCommand()。 有關 execCommand 的更多信息，請訪問： https : //developer.mozilla.org/en-US/docs/Web/Guide/HTML/Editable_content

這里的例子：

<div contenteditable="true">
  This text can be edited by the user.
</div>