一起学习网 一起学习网


jQuery 移动端artEditor富文本编辑器

网络编程 jQuery 移动端artEditor富文本编辑器 06-22

由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。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

图片上传失败回调

demo:

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);
}
});

以上内容给大家介绍了jQuery 移动端artEditor富文本编辑器的相关知识,希望大家喜欢。

提升jQuery的性能需要做好七件事
做好七件事帮你提升jQuery的性能,想知道哪几件事情吗?1.AppendOutsideofLoops凡是触及到DOM都是有代价的。如果你向DOM当中附加大量的元素,你会想一次性

jquery插件EasyUI中form表单提交实例分享
之前用AJax给Controller传递参数,然后再调用服务端的方法对数据库进行更改,今天碰到一个新的方法,就是表单的提交,这样可以省去AJax传参。当表单

jquery模拟实现鼠标指针停止运动事件
本文实例讲解了鼠标指针停止运动触发事件实例代码,分享给大家供大家参考,具体内容如下在js中有有内置的鼠标各种事件,比如click事件,mousemove事


编辑:一起学习网

标签:编辑器,图片上传,表单,文本,事件