javascript - 单击时如何格式化 div 中的一行文本？

Question

使用 jQuery 或直接 JavaScript，如何从启用了 contentEditable 的 div 中识别/选择/选取单行文本，并仅向该行文本添加格式？

我目前有一个 div，contentEditable 设置为 true，它允许用户编辑 div 的内容，添加/删除他们认为合适的文本。但是，我希望用户还能够双击 div 中的任何文本行，并使用不同的格式样式标记该行。 (即将整行文本包含在跨度内，然后设置跨度的样式。请注意，我可以轻松设置跨度的样式。我的问题在于识别用户单击的文本行并将其包含在跨度标签中)

请注意，由于用户可以添加大量内容，因此 div 本身是可滚动的，因此任何解决方案都应该能够处理滚动。

Answer 1

jQuery fieldSelection plugin将允许您获取用户选择的文本。

就用跨度包裹所选行而言，通常的 jQuery $().wrap()方法应该可以解决问题。