artEditor - 移动端富文本编辑器
jopen
9年前
artEditor
artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能。
demo,为了更好的效果请将浏览器设置为手机模式
引用
在页面中引入下面资源
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="artEditor.min.js"></script>
Options
imgTar
图片上传按钮
limitSize
图片最大限制,默认3兆
showServer
显示从服务端返回的图片,默认是显示本地资源的图片
uploadUrl
图片上传路劲
data
上传图片其他参数
uploadField
上传图片字段
placeholader
富文本编辑器holder
validHtml
粘贴时,去除不合法的html标签
uploadSuccess
图片上传成功回调
uploadError
图片上传失败回调
Example
html:
<div class="article-content" 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); } });