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 相关文章推荐
c#和Javascript操作同一json对象的实现代码
Jan 17 Javascript
JS设置获取cookies的方法
Jan 26 Javascript
input:checkbox多选框实现单选效果跟radio一样
Jun 16 Javascript
基于Vue.js实现数字拼图游戏
Aug 02 Javascript
jQuery中delegate()方法的用法详解
Oct 13 Javascript
vuejs响应用户事件(如点击事件)
Mar 14 Javascript
Vue2.0利用vue-resource上传文件到七牛的实例代码
Jul 28 Javascript
JS实现对json对象排序并删除id相同项功能示例
Apr 18 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
Apr 10 Javascript
JavaScript实现单英文金山打字通
Jul 24 Javascript
利用Angular7开发一个Radio组件的全过程
Jul 11 Javascript
vue的注意规范之v-if 与 v-for 一起使用教程
Aug 04 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读取RSS feed的代码
2008/08/01 PHP
基于curl数据采集之单页面并行采集函数get_htmls的使用
2013/04/28 PHP
深入php之规范编程命名小结
2013/05/15 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
Laravel5权限管理方法详解
2016/07/26 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
用原生JS获取CLASS对象(很简单实用)
2014/10/15 Javascript
javascript实现校验文件上传控件实例
2015/04/20 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
几行js代码实现自适应
2017/02/24 Javascript
javascript中replace使用方法总结
2017/03/01 Javascript
微信小程序中form 表单提交和取值实例详解
2017/04/20 Javascript
JS中将多个逗号替换为一个逗号的实现代码
2017/06/23 Javascript
JavaScript for循环 if判断语句(学习笔记)
2017/10/11 Javascript
vue父组件向子组件传递多个数据的实例
2018/03/01 Javascript
JS与jQuery判断文本框还剩多少字符可以输入的方法
2018/09/01 jQuery
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
[00:36]TI7不朽珍藏III——斯温不朽展示
2017/07/15 DOTA
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python处理文本文件并生成指定格式的文件
2014/07/31 Python
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
在Django的模板中使用认证数据的方法
2015/07/23 Python
Python入门学习之字符串与比较运算符
2015/10/12 Python
Python编程实现输入某年某月某日计算出这一天是该年第几天的方法
2017/04/18 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
几行Python代码爬取3000+上市公司的信息
2019/01/24 Python
HTML5 placeholder(空白提示)属性介绍
2013/08/07 HTML / CSS
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
患者身份识别制度
2015/08/06 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
教你用Java Swing实现自助取款机系统
2021/06/11 Java/Android
mysql如何配置白名单访问
2021/06/30 MySQL
纯CSS实现一个简单步骤条的示例代码
2022/07/15 HTML / CSS