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国旗变换效果代码
Aug 13 Javascript
js字符串截取函数substr substring slice使用对比
Nov 27 Javascript
JS delegate与live浅析
Dec 21 Javascript
简单js代码实现selece二级联动(推荐)
Feb 18 Javascript
jQuery学习笔记之jQuery构建函数的7种方法
Jun 03 Javascript
微信小程序 form组件详解及简单实例
Jan 10 Javascript
mpvue项目中使用第三方UI组件库的方法
Sep 30 Javascript
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
微信小程序实现的自定义分享功能示例
Feb 12 Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 Javascript
解决Layui中templet中a的onclick参数传递的问题
Sep 20 Javascript
vue中axios的二次封装实例讲解
Oct 14 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
一个用php3编写的简单计数器
2006/10/09 PHP
php 随机排序广告的实现代码
2011/05/09 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
PHP二维数组矩形转置实例
2016/07/20 PHP
php使用json-schema模块实现json校验示例
2019/09/28 PHP
jQuery 2.0.3 源码分析之core(一)整体架构
2014/05/27 Javascript
jQuery性能优化技巧分析
2015/02/20 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
2015/06/09 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
2016/05/05 Javascript
js实现的光标位置工具函数示例
2016/10/03 Javascript
JavaScript中的ajax功能的概念和示例详解
2016/10/17 Javascript
JS制作适用于手机和电脑的通知信息效果
2016/10/28 Javascript
jQuery中animate的几种用法与注意事项
2016/12/12 Javascript
原生JS发送异步数据请求
2017/06/08 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
Python+matplotlib实现计算两个信号的交叉谱密度实例
2018/01/08 Python
Python3几个常见问题的处理方法
2019/02/26 Python
Python二次规划和线性规划使用实例
2019/12/09 Python
python实现井字棋小游戏
2020/03/04 Python
python安装dlib库报错问题及解决方法
2020/03/16 Python
python跨文件使用全局变量的实现
2020/11/17 Python
python的setattr函数实例用法
2020/12/16 Python
用html5的canvas画布绘制贝塞尔曲线完整代码
2013/08/14 HTML / CSS
澳大利亚最早和最古老的巨型游戏专家:Yardgames
2020/02/20 全球购物
大学生创业策划书
2014/02/02 职场文书
我爱我的祖国演讲稿
2014/05/04 职场文书
护理目标管理责任书
2014/07/25 职场文书
尊老爱幼演讲稿
2014/09/04 职场文书
摘录式读书笔记
2015/07/01 职场文书
保护地球的宣传语
2015/07/13 职场文书
MySQL创建管理子分区
2022/04/13 MySQL
如何利用python实现列表嵌套字典取值
2022/06/10 Python