百度编辑器是一款由由百度FEX前端研发团队提供的富文本WEB编辑器,我们可以在这款编辑器上进行文字和代码的输入。而且百度编辑器中文版还可以允许自由使用和修改代码,这样我们的编程人员就可以通过这款软件来完成程序和网页代码的编写。
Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开源协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制。
Ueditor编辑器划分为了三层架构。其中,核心层为开发者提供了诸如range、selection、domUtils类的底层API接口,中间的命令插件层不仅提供了大量的基础command,还允许开发者基于核心层进行command命令的开发,而面向用户端的界面层则可以提供自由定制的用户交互界面。Ueditor开源编辑器这种拥有可配性的模式,令开发者能够根据自身需要接入任何一层进行开发。
1、功能全面
涵盖流行富文本编辑器特色功能,独创多种全新编辑操作模式。
2、用户体验
屏蔽各种浏览器之间的差异,提供良好的富文本编辑体验。
3、定制下载
细粒度拆分核心代码,提供可视化功能选择和自定义下载。
4、开源免费
开源基于MIT协议,支持商业和非商业用户的免费使用和任意修改。
5、专业稳定
百度专业QA团队持续跟进,上千自动化测试用例支持。
1.UEditor模块已与wysiwyg模块整合,可以自由与其他更多编辑器配合,你有更多选择
2.后台可配置工具条按钮
3.中英双语支持
4.后台可单独配置各种文件的上传路径,如本地图片,涂鸦,截图,远程抓取的图片,视频,文件,同时还可以设置相关的在线管理路径,简单说就是,比如你用你的帐号登录后,你上传的图片会自动存到一个专属于你的特殊路径,别人是不能看到你上传的图片的,这样就可以更好的权限分开管理。
5.不要问我百度编辑器有没有什么上传图片,批量上传,word图片转存,远程图片保存之类的功能
第一步:在项目的任一文件夹中建立一个用于存放UEditor相关资源和文件的目录,此处在项目根目录下建立,起名为ueditor(自己喜欢)。
第二步:拷贝源码包中的dialogs、themes、third-party、editor_all.js和editor_config.js到ueditor文夹中。其中,除了ueditor目录之外的其余文件均为具体项目文件,此处所列仅供示例。
第三步:为简单起见,此处将以根目录下的index.php页面作为编辑器的实例化页面,用来展示UEditor的完整版效果。在index.php文件中,首先导入编辑器需要的三个入口文件,示例代码如下:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>编辑器完整版实例</title>
<script type="text/javascript" src="ueditor/editor_config.js"></script>
<script type="text/javascript" src="ueditor/editor_all.js"></script>
第四步:然后在index.php文件中创建编辑器实例及其DOM容器。具体代码示例如下:
<textarea name="后台取值的key" id="myEditor">这里写你的初始化内容</textarea>
<script type="text/javascript">
var editor = new UE.ui.Editor();
editor.render("myEditor");
//1.2.4以后可以使用一下代码实例化编辑器
//UE.getEditor('myEditor')
</script>
最后一步: 在/UETest/ueditor/ editor_config.js中查找URL变量配置编辑器在你项目中的路
代码如下:
//强烈推荐以这种方式进行绝对路径配置(注意:下面的UETest是虚拟目录名称)
URL= window.UEDITOR_HOME_URL||"/UETest/ueditor/";
至此,一个完整的编辑器实例就已经部署到咱们的项目中了!在浏览器中输入http://localhost/UETest 运行下试试UE强大的功能吧!
1.乱码
如果运行成功了,而出现乱码的话,请检查你的编码方式。UEditor引用的脚本带有编码方式和meta标签。我下载的是utf-8版,运行起来就出现了乱码,我把引用的脚本中的charset="utf-8" 去掉就没有问题了。
2.上传图片出错
如果上传图片出现红色的叉叉,或者上传到一半没有反应。把net文件夹(PHP语言对应的是php,而JSP语言对应的是jsp)下面的web.config删除,原因是它里面使用.net 4.0的配置,而3.5和以下的版本就会有问题,删除不会有影响。
……
点击下载办公软件 >>本地高速下载
点击下载办公软件 >>百度网盘下载