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 脚本的加载与执行
Apr 19 Javascript
js验证身份证号有效性并提示对应信息
Oct 19 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
JS实现简单的右下角弹出提示窗口完整实例
Jun 21 Javascript
简单实现js选项卡切换效果
Feb 09 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
js点击时关闭该范围下拉菜单之外的菜单方法
Jan 11 Javascript
React中嵌套组件与被嵌套组件的通信过程
Jul 11 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
微信小程序开发注意指南和优化实践(小结)
Jun 21 Javascript
JavaScrip如果基于url实现图片下载
Jul 03 Javascript
Nest.js 授权验证的方法示例
Feb 22 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
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
php 远程关机操作的代码
2008/12/05 PHP
php数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
javascript 事件处理、鼠标拖动效果实现方法详解
2012/05/11 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
子窗体与父窗体传值示例js代码
2013/08/01 Javascript
jquery实现滑动图片自己测试的例子
2013/11/05 Javascript
使用js判断控件是否获得焦点
2014/01/03 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
jQuery实现标签页效果实战(4)
2017/02/08 Javascript
webpack开发跨域问题解决办法
2017/08/03 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
vue实现设置载入动画和初始化页面动画效果
2019/10/28 Javascript
解决vue elementUI中table里数字、字母、中文混合排序问题
2020/01/07 Javascript
bootstrap-paginator服务器端分页使用方法详解
2020/02/13 Javascript
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
python实现八大排序算法(1)
2017/09/14 Python
Flask数据库迁移简单介绍
2017/10/24 Python
Django自定义用户认证示例详解
2018/03/14 Python
Python实现监控键盘鼠标操作示例【基于pyHook与pythoncom模块】
2018/09/04 Python
Python从list类型、range()序列简单认识类(class)【可迭代】
2019/05/31 Python
Python OpenCV 调用摄像头并截图保存功能的实现代码
2019/07/02 Python
django实现将后台model对象转换成json对象并传递给前端jquery
2020/03/16 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
亚马逊巴西站:Amazon.com.br
2019/09/22 全球购物
小学教师管理制度
2014/01/18 职场文书
总结表彰大会主持词
2014/03/26 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
医院我们的节日活动实施方案
2014/08/22 职场文书
毕业证代领委托书
2014/09/26 职场文书
话题作文之财富(600字)
2019/12/03 职场文书
python脚本框架webpy模板控制结构
2021/11/20 Python
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python