移动的文本编辑

Question

这个编辑我打算用textarea 做。 功能会有选中一部分文字 。 我怎么去判断这部分文字。然后当我改变样式后。 这些样式需要怎么发给后台？？

Answer 1

window.getSelection().toString()
这个能取到选中的文本

Answer 2

不知道你说的选中是指

这种的话可以用window.getSelection()获取选中的部分

如果是指你图片中的选中方式，那得用canvas来做，不知道你说的发给后台是什么意思

Answer 3

问题1. 上面说的很清楚了, window.getSelection()可以获取选中的部分, 方法返回的是一个Selection对象, 可以调用对象的.toString()方法获取到文本。

问题2. 富文本不只是保存了文本内容, 还包括对文本的样式等的描述, 你发送给后台(后端)的数据应该是包含了样式描述的内容, 例如对选中的文本加粗: <bold>选中的文本</bold>

Answer 4

如果编辑器有很多样式的修改属性，不建议用textarea做；
可以使用 标签的contenteditable=true，使用
document.execCommand

来改变样式。