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类后台管理菜单类-MenuSwitch
Sep 12 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
GreyBox技术总结(转)
Nov 23 Javascript
13 个JavaScript 性能提升技巧分享
Jul 26 Javascript
基于JavaScript实现继承机制之原型链(prototype chaining)的详解
May 07 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 Javascript
js的toLowerCase方法用法实例
Jan 27 Javascript
JavaScript中的this机制
Jan 30 Javascript
jquery Ajax实现Select动态添加数据
Jun 08 jQuery
JavaScript中错误正确处理方式小结你用对了吗
Oct 10 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
Dec 03 Javascript
js中的this的指向问题详解
Aug 29 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作的文本留言本的例子(六)
2006/10/09 PHP
Thinkphp实现MySQL读写分离操作示例
2014/06/25 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
jQuery mobile 移动web(4)
2015/12/20 Javascript
jQuery实现返回顶部功能
2016/02/23 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
2017/04/03 jQuery
用Webpack构建Vue项目的实践
2017/11/07 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
jQuery实现文件编码成base64并通过AJAX上传的方法
2018/04/12 jQuery
通过实例了解js函数中参数的传递
2019/06/15 Javascript
vue路由守卫及路由守卫无限循环问题详析
2019/09/05 Javascript
nodejs实现UDP组播示例方法
2019/11/04 NodeJs
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
2019/11/21 Javascript
JS实现点餐自动选择框(案例分析)
2019/12/10 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
2020/07/22 Javascript
[01:21]DOTA2 新英雄 森海飞霞
2020/12/18 DOTA
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
Python装饰器原理与简单用法实例分析
2018/04/29 Python
Python实现八皇后问题示例代码
2018/12/09 Python
详解基于Jupyter notebooks采用sklearn库实现多元回归方程编程
2020/03/25 Python
Python基于正则表达式实现计算器功能
2020/07/13 Python
python基于pexpect库自动获取日志信息
2021/02/01 Python
CSS3 Flex 弹性布局实例代码详解
2018/11/01 HTML / CSS
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
JYSK加拿大:购买家具、床垫、家居装饰等
2020/02/14 全球购物
新闻专业应届生求职信
2013/10/31 职场文书
幼儿教师研修感言
2014/02/12 职场文书
网络编辑职责
2014/03/01 职场文书
搞笑创意广告语
2014/03/17 职场文书
初中英语教师个人工作总结2015
2015/07/21 职场文书
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python