你的位置:首页 > Java教程

[Java教程]移动端富文本编辑器artEditor


摘要:

      由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能。

插件地址:https://github.com/baixuexiyang/artEditor  欢迎star或fork。

demo

引用:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>   <script src="artEditor.min.js"></script> 

参数:

imgTar

图片上传按钮

limitSize

图片最大限制,默认3兆

showServer

显示从服务端返回的图片,默认是显示本地资源的图片

uploadUrl

图片上传路劲

data

上传图片其他参数

uploadField

上传图片字段

placeholader

富文本编辑器holder

validHtml

粘贴时,去除不合法的html标签

uploadSuccess

图片上传成功回调

uploadError

图片上传失败回调

例子:

html:

<div id="content"></div>

js:

$('#content').artEditor({  imgTar: '#imageUpload',  limitSize: 5,  // 兆  showServer: false,  uploadUrl: '',  data: {},  uploadField: 'image',  placeholader: '<p>请输入文章正文内容</p>',  validHtml: ["br"],  uploadSuccess: function(res) {    // return img url    return res.path;  },  uploadError: function(res) {    // something error    console.log(res);  }});