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数组去重的问题小结
Jan 24 Javascript
jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
May 11 Javascript
Avalon中文长字符截取、关键字符隐藏、自定义过滤器
May 18 Javascript
js匿名函数作为函数参数详解
Jun 01 Javascript
浅谈bootstrap使用中的一些问题以及解决过程
Oct 18 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
vue2.0实现倒计时的插件(时间戳 刷新 跳转 都不影响)
Mar 30 Javascript
ES6入门教程之Iterator与for...of循环详解
May 17 Javascript
vue实现word,pdf文件的导出功能
Jul 31 Javascript
解决Vue2.0中使用less给元素添加背景图片出现的问题
Sep 03 Javascript
jquery绑定事件 bind和on的用法与区别分析
May 22 jQuery
three.js 将图片马赛克化的示例代码
Jul 31 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获取表单textarea数据中的换行问题
2010/09/10 PHP
PHP之数组学习
2011/05/29 PHP
PHP中ob_start函数的使用说明
2013/11/11 PHP
ThinkPHP的MVC开发机制实例解析
2014/08/23 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
详解AngularJS中的依赖注入机制
2015/06/17 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
js判断输入字符串是否为空、空格、null的方法总结
2016/06/14 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
关于iframe跨域POST提交的方法示例
2017/01/15 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
js获取ip和地区
2017/03/10 Javascript
移动端效果之IndexList详解
2017/10/20 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
vue将后台数据时间戳转换成日期格式
2019/07/31 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
微信小程序HTTP请求从0到1封装
2019/09/09 Javascript
JS动态图片的实现方法完整示例
2020/01/13 Javascript
JavaScript代码异常监控实现过程详解
2020/02/17 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
jQuery 实现DOM元素拖拽交换位置的实例代码
2020/07/14 jQuery
Python实现给qq邮箱发送邮件的方法
2015/05/28 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Python爬虫之UserAgent的使用实例
2019/02/21 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
几个人围成一圈的问题
2013/09/26 面试题
网络工程专业毕业生推荐信
2013/10/28 职场文书
北体毕业生求职信
2014/02/28 职场文书
保险公司晨会主持词
2014/03/22 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
教师思想工作总结2015
2015/05/13 职场文书
新人入职感言
2015/07/31 职场文书
读《人生的智慧》有感:闲暇是人生的精华
2019/12/25 职场文书