求编辑器开发教程，书籍也可。

Question

买了一些书，都是简单的知识，if一下循环两下，做几个函数，写几个动画效果，千遍一律，没有比较高深的应用，比如开发编辑器等。下载别的编辑器，没有任何注释，看了半天云里雾里，都不知道基本的运行机制。因此急需网页编辑器开发的教程，书籍也行。UBB编辑器、html编辑器等，类似百度贴吧、discuz、kindeditor这样编辑器级别的。请提供相关信息。

Answer 1

回复的人太少了，等了两天什么都没有、也实验了两天。最后个问题，问完结贴。目前接触的都是采用IFRAME和DIV开发，有没有直接使用文本框textarea开发的？请给个例子。

Answer 2

在线编辑器.....textarea？？这个没法实现吧，textarea只支持无格式纯文本。

Answer 3

在线编辑器.....textarea？？这个没法实现吧，textarea只支持无格式纯文本。那请问XHeditor\kindeditor是如何实现textarea调用的呢？

Answer 4

kindeditor开源的编辑器这东西研究的人少，自己看看源码好了

Answer 5

比如XHeditor的调用:
<textarea name="content" class="xheditor">test</textarea>Kindeditor的调用：
<textarea id="editor_id" name="content" style="width:700px;height:300px;">
</textarea>
这个如何实现呢？

Answer 6

据我所知，没有用textarea实现的，但可以用textarea存放数据。然后编辑器init()时删除/隐藏textarea，动态生成IFRAME和DIV实现的在线编辑器。这些东西直接去看源代码吧。

Answer 7

表面使用textarea有两个好处，一个是可以直观的写数据到<textarea></textarea>而不用js去赋值，另一个好处是在可视化开发界面里可以直观的看到编辑器占位情况。

Answer 8

我初看了一些源码，是不是这样的原理：在iframe上编辑，然后同步把html传回页面所用的textarea？

Answer 9

另光看源码是不行的。像kindeditor这些都是很大的已经成型的东西，指望看着他们就能写出编辑器是不现实的。比较现实是找到一些教材，先从简单的写起，慢慢深入。
但是关于这方面的教材基本没有，所以只能郁闷。

Answer 10

iframe开发比较好，能实现的功能比较全面。
用textarea，能实现的功能非常有限。
结贴吧，这个东西是没有神马开发教程的。   

Answer 11

我觉得你可以用可编辑的div来做 <div conntentEditable="true"> <\div>
用正则替换实现语法高亮。（或者每一行都拆成单词，一个个判断）一个关于文字选取、光标定位、文字搜索的博客：
http://blog.csdn.net/cui_angel/article/details/7837749