首页 > 用js实现富文本的一个效果

用js实现富文本的一个效果

我想用js实现一个文本编辑的效果,比如<div>11111112222222223333333333</div>,我想鼠标选中2222222这段之后,再点击一个按钮,可以实现<div>11111112222222223333333333</div>或者<div>11111112222222223333333333</div>这样的效果。


推荐百度的UEditor,功能全,简单易用,而且可以自定义要使用的模块
http://ueditor.baidu.com/website/onlinedemo.html


用 document.execCommand
具体可以看mdn或这篇博客http://zhengrenzhe.gitcafe.io/2015/04/22/editor/


@droiz 的答案可以实现
document.execCommand可以实现大部分富文本框的功能
具体查看MDN https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand
博客 http://blog.csdn.net/bit_x/article/details/5587574
但是这样的富文本框不能用textarea作为载体应该用div或者ifream
你可以参考这篇博客http://blog.csdn.net/koself/article/details/8613779


我觉得你找的是 这个 rangy.js 很多高级编辑器都使用了这个库。
编辑器的原理都差不多的,给文字套标签,用这个库加上editable的div很容易做一个自定义的编辑器。

【热门文章】
【热门文章】