jQuery 移动端artEditor富文本编辑器
作者:bea
由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能。 插件地址:https://github.com/baixuexiyang/artEditor 欢迎star或fork。 demo 引用: <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。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富文本编辑器的相关知识,希望大家喜欢。
有用 | 无用
插件地址: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富文本编辑器的相关知识,希望大家喜欢。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 基于JavaScript实现div层跟随滚动条滑动
- JavaScript继承模式粗探
- 轻松实现Bootstrap图片轮播
- 探析浏览器执行JavaScript脚本加载与代码执行顺序
- 学习JavaScript设计模式之策略模式
- 基于jQuery1.9版本如何判断浏览器版本类型
- jQuery版本升级踩坑大全
- 基于jQuery实现点击最后一行实现行自增效果的表格
- 7个jQuery最佳实践
- 实例详解jQuery Mockjax 插件模拟 Ajax 请求
- JavaScript实现输入框(密码框)出现提示语
- javascript自动恢复文本框点击清除后的默认文本
- JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
- jquery模拟实现鼠标指针停止运动事件
- js实现字符串和数组之间相互转换操作
- js右下角弹出提示框示例代码
- jquery插件EasyUI中form表单提交实例分享
- 详解WordPress开发中get_current_screen()函数的使用
- 提升jQuery的性能需要做好七件事