基于jquery实现可定制的web在线富文本编辑器附源码下载_jquery_脚本之家

后日给我们介绍一款超级棒的WEB在线富文本编辑器——UMeditor,它是由百度web前端研究开发部开采所见即所得富文本web编辑器UEditor演化的迷你版编辑器,具有轻量,可定制,体贴用户体验等风味,允许私行使用和退换代码,适用于前台火速简单回复框或后台内容编辑器。

在线预览 源码下载

基于jquery实现可定制的web在线富文本编辑器附源码下载_jquery_脚本之家。确立叁个demo.html文件,首先在急需加上编辑器的地点步入以下代码,使用style能够设置编辑器的增长幅度和惊人。

接下来,将UMeditor相关js和css文件加载。相关文书能够在本站下载只怕直接到UMeditor官方网址下载最新版本。

接下去,我们初步调用编辑器:

 var um = UM.getEditor;  

当今大家得以张开浏览器预览编辑器效果了。

UMeditor提供了增进的选项设置,客户能够依附自身项目须要适当定制。

收获编辑器里的开始和结果能够应用如下代码,你还是能够获得纯文本内容。

复制代码
代码如下:UM.getEditor.getContent(卡塔尔(قطر‎;

看清编辑器是或不是有内容,能够使用如下代码:

 var cont = UM.getEditor.hasContents{ alert; }else{ alert; } 

设若把编辑器归入表单form中,设置好action路线,就能够交给表单传送编辑器里的从头到尾的经过了。如:

大家得以设置工具栏里允许利用的工具Logo,如以下是大致的定制多少个常用的工具图标:

var editor = UM.getEditor('container',{ toolbar: ['bold italic underline fullscreen', 'link unlink','| justifyleft justifycenter justifyright justifyjustify |', 'emotion image video | map'] }); 

UMeditor提供了成百上千工具,可以依附供给定制,如表格编辑、列表布局、多媒体插入、图片上传、地图调用等等。UMeditor提供了服务端的两种语言版本,首假使用以上传图片的拍卖。客商能够设置上传路线、上传文件类型约束、大小约束等等。只需安装一下就能够使用。

发表评论

电子邮件地址不会被公开。 必填项已用*标注