Javascript 如何实现像WhatsApp Web上那样的可编辑div?

Javascript 如何实现像WhatsApp Web上那样的可编辑div?,javascript,Javascript,由于Windows不支持标志表情符号,我需要实现一个可编辑的div,它的行为类似于textarea,因此可以显示标记图像而不是表情符号字符。是否有人知道如何做到这一点,并修复诸如复制/粘贴等仅允许文本的strage行为 编辑 我已经知道attributitecontenteditable,但问题是它的行为不像textarea,特别是在向它复制/粘贴内容时。如何修复它?也许contenteditable属性将为您提供检查指南是的,这是可能的!如果希望在可编辑div中包含更多future,则可以使用

由于Windows不支持标志表情符号,我需要实现一个可编辑的div,它的行为类似于textarea,因此可以显示标记图像而不是表情符号字符。是否有人知道如何做到这一点,并修复诸如复制/粘贴等仅允许文本的strage行为

编辑


我已经知道attributite
contenteditable
,但问题是它的行为不像textarea,特别是在向它复制/粘贴内容时。如何修复它?

也许contenteditable属性将为您提供检查指南

是的,这是可能的!如果希望在可编辑div中包含更多future,则可以使用document.execCommand()。有关execCommand的更多信息,请访问:

示例如下:

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

此文本可由用户编辑。