jQuery 移动端artEditor富文本编辑器

网络编程 2024/11/18 佚名

2 0 1

金狮镖局 Design By www.egabc.com

由于手机上打字比较慢，并不适合长篇大论的文章，所以移动端的富文本编辑器很少。artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片，后续完善其他功能。

插件地址：https://github.com/baixuexiyang/artEditor 欢迎star或fork。

demo

引用：

<script src="/UploadFiles/2021-04-02/jquery-1.11.0.min.js">

参数：


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富文本编辑器的相关知识，希望大家喜欢。