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 相关文章推荐
javascript 上下banner替换具体实现
Nov 14 Javascript
jQuery.holdReady()使用方法
May 20 Javascript
JS+CSS实现仿支付宝菜单选中效果代码
Sep 25 Javascript
JS中Array数组学习总结
Jan 18 Javascript
如何在AngularJs中调用第三方插件库
May 21 Javascript
详解微信小程序Radio选中样式切换
Jul 06 Javascript
微信小程序日期时间选择器使用方法
Feb 01 Javascript
layui之table checkbox初始化时选中对应选项的方法
Sep 02 Javascript
vue 路由子组件created和mounted不起作用的解决方法
Nov 05 Javascript
Echarts实现单条折线可拖拽效果
Dec 19 Javascript
原生JS与JQ获取元素的区别详解
Feb 13 Javascript
详解Typescript里的This的使用方法
Jan 08 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
php使用gettimeofday函数返回当前时间并存放在关联数组里
2015/03/19 PHP
PHP实现的一致性哈希算法完整实例
2015/11/14 PHP
php封装的连接Mysql类及用法分析
2015/12/10 PHP
Yii实现显示静态页的方法
2016/04/25 PHP
最新最全PHP生成制作验证码代码详解(推荐)
2016/06/12 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
js DOM 元素ID就是全局变量
2012/09/20 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
2014/06/02 Javascript
全面解析Bootstrap图片轮播效果
2015/12/03 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
2016/05/12 Javascript
jQuery图片渐变特效的简单实现
2016/06/25 Javascript
Jquery组件easyUi实现手风琴(折叠面板)示例
2016/08/23 Javascript
jQuery ajax请求struts action实现异步刷新
2017/04/19 jQuery
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
微信用户访问小程序的登录过程详解
2019/09/20 Javascript
如何手写一个简易的 Vuex
2020/10/10 Javascript
用python实现的可以拷贝或剪切一个文件列表中的所有文件
2009/04/30 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
python数据结构之列表和元组的详解
2017/09/23 Python
python selenium xpath定位操作
2020/09/01 Python
matplotlib之属性组合包(cycler)的使用
2021/02/24 Python
CSS3对背景图片的裁剪及尺寸和位置的设定方法
2016/03/07 HTML / CSS
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
全球性的在线时尚男装零售商:boohooMAN
2016/12/17 全球购物
印尼在线购买隐形眼镜网站:Lensza.co.id
2019/04/27 全球购物
工作决心书范文
2014/03/11 职场文书
2015年暑假工作总结
2015/07/13 职场文书
如何写一份具有法律效力的借款协议书?
2019/07/02 职场文书
2019年妇科护士的自我鉴定(3篇)
2019/09/26 职场文书
C#连接ORACLE出现乱码问题的解决方法
2021/10/05 Oracle
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python