jQuery 移动端artEditor富文本编辑器


Posted in Javascript onJanuary 11, 2016

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

Javascript 相关文章推荐
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
eval的两组性能测试数据
Aug 17 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
微信小程序  网络请求API详解
Oct 25 Javascript
js实现右键菜单功能
Nov 28 Javascript
js中数组的常用方法小结
Dec 30 Javascript
vuejs如何配置less
Apr 25 Javascript
详解10分钟学会vue滚动行为
Sep 21 Javascript
微信小程序Echarts图表组件使用方法详解
Jun 25 Javascript
JS实现简单tab选项卡切换
Oct 25 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
Jul 24 Javascript
AngularJs动态加载模块和依赖注入详解
Jan 11 #Javascript
jquery在ie7下选择器的问题导致append失效的解决方法
Jan 10 #Javascript
基于Node.js的强大爬虫 能直接发布抓取的文章哦
Jan 10 #Javascript
JavaScript基础知识及常用方法总结
Jan 10 #Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 #Javascript
javascript实现checkbox复选框实例代码
Jan 10 #Javascript
基于javascript实现彩票随机数生成(升级版)
Apr 17 #Javascript
You might like
PHP如何将XML转成数组
2016/04/04 PHP
jquery 问答知识整理
2010/02/11 Javascript
JavaScript实现对下拉列表值进行排序的方法
2015/07/15 Javascript
js如何判断访问是来自搜索引擎(蜘蛛人)还是直接访问
2015/09/14 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
微信小程序实战之运维小项目
2017/01/17 Javascript
js 性能优化之算法和流程控制
2017/02/15 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
JS中mouseup事件丢失的原因与解决办法
2017/06/14 Javascript
Bootstrap按钮组实例详解
2017/07/03 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
JavaScript私有变量实例详解
2019/01/24 Javascript
vue-router 控制路由权限的实现
2020/09/24 Javascript
jQuery实现可以扩展的日历
2020/12/01 jQuery
python中的错误处理
2016/04/10 Python
Python numpy 常用函数总结
2017/12/07 Python
python 识别图片中的文字信息方法
2018/05/10 Python
Ubuntu18.04中Python2.7与Python3.6环境切换
2019/06/14 Python
Python基础之函数原理与应用实例详解
2020/01/03 Python
如何在 Django 模板中输出 &quot;{{&quot;
2020/01/24 Python
浅谈Python中的字符串
2020/06/10 Python
Python 中如何写注释
2020/08/28 Python
NBA欧洲商店(法国):NBA Europe Store FR
2016/10/19 全球购物
Nike香港官网:Nike HK
2019/03/23 全球购物
小学庆六一活动方案
2014/02/28 职场文书
需求分析说明书
2014/05/09 职场文书
档案保密承诺书
2014/06/03 职场文书
门店业绩提升方案
2014/06/08 职场文书
电子商务优秀毕业生求职信
2014/07/11 职场文书
代办社保委托书范文
2014/10/06 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
2015年秋季运动会前导词
2015/07/20 职场文书
2015年度环卫处工作总结
2015/07/24 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
Win11电源已接通但未充电怎么办?Win11电源已接通未充电的解决方法
2022/04/05 数码科技