从上周开始的想法,到现在基本实现完整功能,其中感触还是很大的。我觉得,自己动手能力和实践能力都有所提升,做事情也变得有条不紊了。
由于这次的开发基本没有用到range对象,所以,很好的兼容了chrome浏览器,但是IE浏览器还没有做兼容(因为所依赖的基本编辑器部分这次并没有做多少改进)。
下面就讲下这个编辑器的配置和用法:
1、编辑器依赖jquery库,我用的是1.8.2,实际上1.4以上都是支持的,但我并没有测试过;
2、编辑器由一个基本编辑器扩展开发,这个基本编辑器是上次开发定制版线路编辑器中诞生的。结构个人觉得还行,只是兼容性上差一些
3、编辑器由菜单、侧边栏、编辑区域构成,侧边栏可以对编辑区域的文档进行比较完整的控制;
4、由编辑区域生成侧边栏树结构的算法比较核心,这个版本只是完成了初步的生成,做到了基本可用,不过还不够完美;
5、编辑器在启动渲染的时候会把一个json配置读进来行程一个模板文档,然后用户根据这个模板文档和侧边栏进行文档的编辑,操作包括了增加模板块、复制选中块、删除选中块、移动选中块;侧边栏本身包含的操作有刷新同步文档、折叠所有树节点;
6、json的配置说明: 参见:https://github.com/LaryIII/TNEditor/wiki/%E9%85%8D%E7%BD%AE%E5%92%8C%E4%BD%BF%E7%94%A8
7、如何取出编辑的文档的html内容,如何用编辑器编辑已有的文档 编辑器提供了两个方法: getHTMLContent(editorName): 该方法可以取出编辑好的html内容,编辑器会去掉没用的标签,并把可编辑状态都清除 setHTMLContent(content): 该方法可以用来往编辑器里面放内容,不过要保证放的文档和使用的json配置保持一致,这样才能保证您能操作您的文档。