CMS建站知识

百度富文本编辑器ueditor官网安装使用方法 ueditor官网没了

这两天我们一个女兄弟碰到一个网站后台百度编辑器无法上传图片的问题;查了下却发现网站编辑器还是用的很早版本的百度富文本编辑器,但因为脚本支持与PHP版本原因及未知原因,导致编辑器无法上传图片了;

什么是百度富文本编辑器

轻量级:代码精简,加载迅速。

定制化:
全新的分层理念,满足多元化的需求。
采用三层架构:
1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。
2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。
3. 界面层: 为命令层提供用户使用界面。
满足不同层次用户的需求。

浏览器兼容
兼容Mozilla, MSIE, FireFox, Maxthon,Safari 和Chrome,实现浏览器无差别化。

注重细节
统一不同浏览器下表格选取方式。
提供黑/白名单的过滤机制。
更好的word支持,实现粘贴转换机制。

稳定性
经过专业的QA团队测试,通过上千个测试用例,包括自动化用例和手动用例,目前仍然在不断完善中。

富文本编辑器安装与更换编辑器办法

第一步:下载百度富文本编辑器对应文件;

[url href='https://cdn.diebaosoft.com/download/ueditor.zip']编辑器下载[/url]

然后将下载的文件解压后,将整个ueditor文件夹上传至网站根目录或者自己额外指定的目录下;

第二步、头部引入。在需要引用编辑器的页面头部引用以下JS文件;

<script src="/ueditor/ueditor.config.js"></script>
<script src="/ueditor/ueditor.all.min.js"></script>
<script src="/ueditor/lang/zh-cn/zh-cn.js"></script>

第三步、在需要编辑器的地方指定加载显示编辑器,显示标记为: id="content"
<textarea id="content" name="content"></textarea>

第四步、底部、在当前页面底部加载以下实例编辑器文件

<script type="text/javascript">
//实例化编辑器
//建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
UE.getEditor('content',{initialFrameWidth:1500,initialFrameHeight:400,});
</script>

d经常上述几个步骤操作之后显示预览效果如下:

当然知道了添加的方法,自然也就明白了编辑器更换的方法,原理是一样的;

(0)
【友情提示:】
1、[焦点热议]及其子栏目内容为网络转载,其它栏目内容系作者个人原创文章观点,不代表除作者外的任何第三方观点赞同或支持;
2、「♚付涛纪实阁♚」原创文章均为本人工作、学习过程中重点事项点的记录,便于日后面对相同问题时候的复盘总结,同时原创内容遵循创作共用版权 CC 4.0 BY-SA 协议,转载请附上原文出处链接及声明,否则默认视为侵权。
3、如本站个人观点有涉及不妥的地方,可联系【QQ:860227477】,提供合理合法依据,可无偿给予修改或删除。
4、同时针对站内所有来自于【精品软件共享】及其子栏目所分享的软件均为网络收集,请用户下载后24小时内删除,否则引起的争议由使用者承担,与本站无关;
5、针对本站内容若有异义,亦可直接与【法律顾问:易兴俊,律师联系电话:13825799821】直接联系沟通;
LensNews

抱歉,评论已关闭!