移动端富文本编辑器artEditor

简介: 摘要:       由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。artEditor是一款基于jQuery的移动端富文本编辑器,支持插入图片,后续完善其他功能。 插件地址:https://github.com/baixuexiyang/artEditor  欢迎star或fork。

摘要:

      由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。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

图片上传失败回调

例子:

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);
    }
});

 

相关文章
|
2月前
|
小程序 JavaScript
微信小程序图片预览功能?
微信小程序图片预览功能?
|
3月前
Simditor富文本编辑器
Simditor富文本编辑器
40 2
|
4月前
|
JSON 小程序 前端开发
|
JavaScript
移动端富文本编辑器artEditor
移动端富文本编辑器artEditor
|
10天前
|
JavaScript 前端开发 数据可视化
富文本编辑器使用详细介绍
富文本编辑器使用详细介绍
|
28天前
|
JSON JavaScript 前端开发
移动WEB特效开发
移动WEB特效开发
13 0
|
4月前
|
缓存 资源调度 小程序
微信小程序(二十五)微信小程序富文本编辑器editor上传图片
一般在做网站开发的时候,最开始使用的一般都是百度的ueditor,但是这个玩意好久不更新了,功能到时够用,就是UI以及其他的一些套件的视觉效果稍差。
81 0
|
12月前
|
Web App开发 移动开发 缓存
移动端H5网页开发常见问题汇总
H5网页开发常见问题汇总
420 0
|
前端开发 开发者
轮播图-移动端|学习笔记
快速学习 轮播图-移动端
72 0
轮播图-移动端|学习笔记
|
存储 前端开发 JavaScript
轮播图-非移动端 |学习笔记
快速学习轮播图-非移动端
70 0

相关实验场景

更多