【JS-task11】如何使用富文本编辑器-wangEditor
分享人:陈静雯
目录
1.背景介绍
2.知识剖析
3.常见问题
4.解决方案
5.编码实战
6.扩展思考
7.参考文献
8.更多讨论
富文本编辑器,Rich Text Editor, 简称 RTE, 是一种可内嵌于浏览器,所见即所得的文本编辑器,提供类似于 Microsoft Word 的编辑功能。
富文本编辑器不同于文本编辑器,程序员可到网上下载免费的富文本编辑器内嵌于自己的网站或程序里(当然付费的功能会更强大些),方便用户编辑文章或信息。
wangEditor
wangEditor是用javascript编写的,轻量级web富文本编辑器 ,依赖于jQuery和fontAwesome字体库, 支持所有浏览器 。
使用方法
因为wangEditor是轻量的,所以不需要引入任何的CSS,只需要引入一个脚本文件
//unpkg.com/wangeditor/release/wangEditor.min.js
在JS中定义:
var E = window.wangEditor
var editor = new E('#editor')
editor.create()
wangEditor
优点:轻量简洁,最重要的是开源且中文文档齐全。设计的UI漂亮。
缺点:缺少各种功能Demo。
UEditor
优点:插件多,基本满足各种需求 由百度web前端研发部开发。
缺点:图片只能上传到本地服务器,如果需要上传到其他服务器需要改动源码,较为难办,加载速度慢。
CKEditor
优点:编辑能力极强,基本和word差不多了。
缺点:网站访问速度一般,文档英文,需要花时间开发。
语法:
return[()[expression][]];
可选项 expression 参数是要从函数返回的值。如果省略,则该函数不返回值。
用 return 语句来终止一个函数的执行,并返回 expression 的值。如果 expression 被省略,
或在函数内没有 return 语句被执行,则把值 undefined 赋给调用当前函数的表达式。