开发iframe富文本编辑器的一点体会.docxVIP

Javascript开发iframe富文本编辑器的一点体会 前段时I、可有个需求是开发富文本编辑器，这个之前随做过，但看了需求，发现有些地方还需 google就把遇到的问题记录一下。写这篇文章时用的TinyMCE编辑器就很强大，但毕竟是第 三方的，项目也考虑了这些，如果做些自定义的东西不太方便。 判断光标位置的元素（或者选屮的部分）的样式。光标位置改变的时候更新工具栏对应 按钮的样式。什么情况下光标的位置会改变呢？是键盘方向键和鼠标点击，于是就判断键盘 事件和鼠标事件来执行光标移动的处理。 a.获得光标位置或选屮元素：首先getSelection,创建rangeo然后获得元素，获収到元 素之后就可以或得样式、tagName等等，做更多的操作，运行代码： 复制代码代码如下： !DOCTYPE HTML PUBLIC 〃-//W3C//DTD HTML 4.01 Transitional//EN html head title/title meta http-equiv二〃Content-Type content二气ext/html; charset二UTF-8〃 style type二text/css p{width:600px;toxt-align: lcft;text-indent:2em;1 ine-height:20px;font-size:12px} textarea{w