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 建立对象的方法
Apr 21 Javascript
再论Javascript下字符串连接的性能
Mar 05 Javascript
谈谈JSON对象和字符串之间的相互转换JSON.stringify(obj)和JSON.parse(string)
Oct 01 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
javascript实现input file上传图片预览效果
Dec 31 Javascript
微信小程序实现皮肤功能(夜间模式)
Jun 18 Javascript
浅析vue深复制
Jan 29 Javascript
浅谈Angular 的变化检测的方法
Mar 01 Javascript
基于vue.js实现的分页
Mar 13 Javascript
JS中‘hello’与new String(‘hello’)引出的问题详解
Aug 14 Javascript
微信小程序实现签到功能
Oct 31 Javascript
vue单元格多列合并的实现
Nov 26 Vue.js
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使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
PHP 抽象方法与抽象类abstract关键字介绍及应用
2014/10/16 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
jQuery前台数据获取实现代码
2011/03/16 Javascript
取得窗口大小 兼容所有浏览器的js代码
2011/08/09 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
jQuery验证元素是否为空的两种常用方法
2015/03/17 Javascript
js图片轮播特效代码分享
2015/09/07 Javascript
javascript Slip.js实现整屏滑动的手机网页
2015/11/25 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
解析JavaScript数组方法reduce
2016/12/12 Javascript
Vue原理剖析 实现双向绑定MVVM
2017/05/03 Javascript
angular directive的简单使用总结
2017/05/24 Javascript
微信小程序事件对象中e.target和e.currentTarget的区别详解
2019/05/08 Javascript
layui按条件隐藏表格列的实例
2019/09/19 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
浅谈Python中的闭包
2015/07/08 Python
Python实现模拟登录及表单提交的方法
2015/07/25 Python
pygame游戏之旅 添加游戏界面按键图形
2018/11/20 Python
Python如何将装饰器定义为类
2020/07/30 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
Html5 web本地存储实例详解
2016/07/28 HTML / CSS
世界上最全面的汽车零部件和配件集合:JC Whitney
2016/09/04 全球购物
千禧酒店及度假村官方网站:Millennium Hotels and Resorts
2019/05/10 全球购物
机械专业个人求职自荐信格式
2013/09/21 职场文书
自我鉴定书面格式
2014/01/13 职场文书
小班开学寄语
2014/04/04 职场文书
学生请假条格式
2014/04/11 职场文书
单位工作证明格式模板
2014/10/04 职场文书
社团个人总结范文
2015/03/05 职场文书
干部作风纪律整顿心得体会
2016/01/23 职场文书
创业开店,这样方式更合理
2019/08/26 职场文书
陶瓷类经典广告语集锦
2019/10/25 职场文书