如何通过复制/粘贴到 textarea 生成 HTML 标签

Question

将从 MS Word 复制的格式化文本粘贴到textarea ，它将通过忽略所有标记来粘贴纯文本。 我正在寻找一种 JavaScript（最好是 jQuery）方法来将一些格式标记转换为 HTML 标签。

例如，粘贴<b>Text which was bold in MS Word</b>

Answer 1

捕获粘贴事件并不容易，充其量也很困难（请参阅JavaScript 获取粘贴事件上的剪贴板数据（跨浏览器） ），所以我认为实现这一目标的最佳选择是将一些 JS 附加到具有自己的“丰富粘贴”的文本区域text' 方法，它将为您从剪贴板中提取并格式化为 HTML。

有很多 WYSIWYG 编辑器可以做到这一点，但我非常喜欢CKEditor 。 您可以禁用“富文本粘贴”之外的所有功能，以提供简约的工具栏。

Answer 2

以备将来参考...

某种形式的格式化可以通过 Unicode 来实现。
你可以粘贴 '𝙏𝙝𝙞𝙨𝙩𝙚𝙭𝙩𝙩𝙤𝙖𝙣𝙮𝙩𝙚𝙭𝙩𝙖𝙧𝙚𝙖𝙖𝙣𝙙𝙩𝙝𝙚𝙛𝙤𝙧𝙢𝙖𝙩𝙩𝙞𝙣𝙜𝙬𝙞𝙞𝙡𝙗𝙚𝙥𝙧𝙚𝙨𝙚𝙫𝙚𝙙'。

因为那里根本没有任何风格。 它们只是 unicode 字符！ 因此，您所要做的就是为您的预期样式找到合适的 unicode 字符代码，然后将您的字符串转换为该代码。

https://emojistock.com/bold-italic-text-generator/
这个网站可能有帮助