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判断浏览器类型的代码
Nov 05 Javascript
javascript实现带下拉子菜单的导航菜单效果
May 14 Javascript
node.js require() 源码解读
Dec 13 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
JS多物体实现缓冲运动效果示例
Dec 20 Javascript
JavaScript递归算法生成树形菜单
Aug 15 Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 Javascript
iview Upload组件多个文件上传的示例代码
Sep 30 Javascript
浅谈Node 异步IO和事件循环
May 05 Javascript
移动端底部导航固定配合vue-router实现组件切换功能
Jun 13 Javascript
js中console在一行内打印字符串和对象的方法
Sep 10 Javascript
前端使用crypto.js进行加密的函数代码
Aug 16 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
Cannot modify header information错误解决方法
2008/10/08 PHP
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
Laravel框架学习笔记(二)项目实战之模型(Models)
2014/10/15 PHP
JavaScript 读取元素的CSS信息的代码
2010/02/07 Javascript
得到jQuery detach()后节点中的某个值实现代码
2013/02/05 Javascript
微信小程序 在线支付功能的实现
2017/03/14 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
Nodejs实现文件上传的示例代码
2017/09/26 NodeJs
vue中keep-alive的用法及问题描述
2018/05/15 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
2018/06/23 Javascript
浅谈redux以及react-redux简单实现
2018/08/28 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
2018/09/03 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
微信小程序云开发实现云数据库读写权限
2019/05/17 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
Angular 多模块项目构建过程
2020/02/13 Javascript
js实现手表表盘时钟与圆周运动
2020/09/18 Javascript
python下载文件记录黑名单的实现代码
2017/10/24 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
对python中的os.getpid()和os.fork()函数详解
2019/08/08 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
关于django python manage.py startapp 应用名出错异常原因解析
2020/12/15 Python
java关于string最常出现的面试题整理
2021/01/18 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
美国网上花店:JustFlowers
2017/02/12 全球购物
丝芙兰加拿大官方网站:SEPHORA加拿大
2018/11/20 全球购物
客服端调用EJB对象的几个基本步骤
2012/01/15 面试题
举例说明类变量和实例变量的区别
2016/06/30 面试题
学习党章思想汇报
2014/01/07 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
庆祝教师节演讲稿
2014/09/03 职场文书
公司员工辞职信范文
2015/05/12 职场文书
创业计划书之校园超市
2019/09/12 职场文书
Python多线程实用方法以及共享变量资源竞争问题
2022/04/12 Python