发表于: 2016-10-06 22:49:32

1 2042


今天完成的事情:

测试在文档中使用百度 UEditor富文本编辑器,对比 wangEditor富文本编辑器

两者都可以通过ID选择DOM插入;

wangEditor直接用了task5设置的<textarea>标签生成,其编辑的内容会实时反映到form里,不用再获取编辑内容,但要设置父级元素高度来控制编辑器高度;

UEditor用几种标签都可以,文档也介绍了获取编辑内容的方法;

初始化都可以设置编辑器的菜单,宽度,长度等参数, UE的功能和内容相对丰富些,插件扩展也多,可根据需求定制,毕竟是百度FEX。wE是个人开源项目,轻量化,可谓“麻雀虽小,五脏俱全”,需要注意的地方也有,如不用Nginx直接右键打开html文件可能出现问题,UE则没有这样的情况;

UE用Frame作为编辑器框架,之前好像看wE作者在知乎上提过不用frame框架来着;

几张简单的对比图:上为wE,下为UE

1

2

3

明天计划的事情:

开始学习angularJS,task5、6再了解、完善。


遇到的问题:

文本编辑器JS的调用,之前没太了解,今天遇上问题,才仔细看了同一页面调用不同JS文档的相关内容,编辑器文档demo直接在HTML内插入javascript代码,之前的任务js代码和html分离,结果在做task6调用参数的时候出现好几次未定义,后来把逻辑顺序重新理了一遍,把HTML内的js代码全部放进之前的任务JS里,这样逻辑也清晰写,问题很快解决。


收获:

富文本编辑器初始化菜单按钮定制, 编辑器各项参数设置、内容获取,文档都介绍比较详细。

不同JS项目文件要注意函数和参数的顺序,设置其引用标签的先后很重要


今天云虚拟机服务器有点炸...

wangEditor

http://www.chinalovelsb.cn/Javascript/task5/task5-w.html

UEditor

http://www.chinalovelsb.cn/Javascript/task5/task5-ue.html



返回列表 返回列表
评论

    分享到