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 相关文章推荐
jQuery 源码分析笔记(4) Ready函数
Jun 02 Javascript
js采用map取到id集合组并且实现点击一行选中一行
Dec 16 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
Sep 23 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
Javascript获取图片原始宽度和高度的方法详解
Sep 20 Javascript
angularjs实现下拉列表的选中事件示例
Mar 03 Javascript
详解vue-cli与webpack结合如何处理静态资源
Sep 19 Javascript
Vue 2.0学习笔记之使用$refs访问Vue中的DOM
Dec 19 Javascript
快速搭建Node.js(Express)用户注册、登录以及授权的方法
May 09 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
Jan 19 Javascript
JavaScript实现简单的图片切换功能(实例代码)
Apr 10 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中设置多级目录session的问题
2011/08/08 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
php随机显示图片的简单示例
2014/02/15 PHP
PHP开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
php计算两个坐标(经度,纬度)之间距离的方法
2015/04/17 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
JAVASCRIPT keycode总结
2009/02/04 Javascript
javascript 继承实现方法
2009/08/26 Javascript
写自已的js类库需要的核心代码
2012/07/16 Javascript
使用CSS和jQuery模拟select并附提交后取得数据的代码
2013/10/18 Javascript
jquery实现checkbox 全选/全不选的通用写法
2014/02/22 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
2015/02/04 Javascript
详解javascript遍历方式
2015/11/11 Javascript
js+canvas绘制矩形的方法
2016/01/28 Javascript
基于JS实现textarea中获取动态剩余字数的方法
2016/05/25 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
通俗解释JavaScript正则表达式快速记忆
2017/08/23 Javascript
jquery 获取索引值在一定范围的列表方法
2018/01/25 jQuery
实例详解BootStrap的动态模态框及静态模态框
2018/08/13 Javascript
vue计算属性get和set用法示例
2019/02/08 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
判断JavaScript中的两个变量是否相等的操作符
2019/12/21 Javascript
Python中List.count()方法的使用教程
2015/05/20 Python
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
Python猴子补丁知识点总结
2020/01/05 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
AmazeUI折叠式卡片布局,整合内容列表、表格组件实现
2020/08/20 HTML / CSS
世界上最大的各式箱包网络零售店:eBag
2016/07/21 全球购物
CK美国官网:Calvin Klein
2016/08/26 全球购物
工作失职检讨书范文
2014/01/16 职场文书
五好关工委申报材料
2014/05/31 职场文书
在职党员进社区活动总结
2014/07/05 职场文书
党支部对转正的意见
2015/06/02 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书
详解Mysql事务并发(脏读、不可重复读、幻读)
2022/04/29 MySQL