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 相关文章推荐
符合标准的js表单提交的代码
Sep 13 Javascript
javascript parseInt与Number函数的区别
Jan 21 Javascript
JQuery调webservice实现邮箱验证(检测是否可用)
May 21 Javascript
解决json日期格式问题的3种方法
Feb 02 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
基于JS实现的倒计时程序实例
Jul 24 Javascript
js+html5实现canvas绘制网页时钟的方法
May 21 Javascript
JavaScript实现的select点菜功能示例
Jan 16 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
Jul 11 Javascript
Angular实现的自定义模糊查询、排序及三角箭头标注功能示例
Dec 28 Javascript
vue中如何使用ztree
Feb 06 Javascript
原生js实现日历效果
Mar 02 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
用PHP实现将GB编码转换为UTF8
2006/11/25 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
PHP字符串与数组处理函数用法小结
2020/01/07 PHP
JavaScript 学习笔记(四)
2009/12/31 Javascript
nodejs入门详解(多篇文章结合)
2012/03/07 NodeJs
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
JS对象与json字符串相互转换实现方法示例
2018/06/14 Javascript
jQuery 实现倒计时天,时,分,秒功能
2018/07/31 jQuery
React+Antd+Redux实现待办事件的方法
2019/03/14 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
2019/05/31 Javascript
jQuery位置选择器用法实例分析
2019/06/28 jQuery
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
用Python写一个无界面的2048小游戏
2016/05/24 Python
Python随机函数random()使用方法小结
2018/04/29 Python
Python使用pickle模块报错EOFError Ran out of input的解决方法
2018/08/16 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
快速了解Python开发环境Spyder
2020/06/29 Python
实现Python3数组旋转的3种算法实例
2020/09/16 Python
详解python第三方库的安装、PyInstaller库、random库
2021/03/03 Python
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/11/24 面试题
会计电算化专业毕业生推荐信
2013/12/24 职场文书
学校领导班子群众路线整改措施
2014/09/16 职场文书
公安机关正风肃纪剖析材料
2014/10/10 职场文书
2015年绩效考核工作总结
2015/05/23 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
寒假致家长的一封信
2015/10/10 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
NodeJs内存占用过高的排查实战记录
2021/05/10 NodeJs
Python3 类型标注支持操作
2021/06/02 Python
python运算符之与用户交互
2022/04/13 Python