jQuery 移动端artEditor富文本编辑器
2019/6/29 21:49:17
本文主要是介绍jQuery 移动端artEditor富文本编辑器,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
由于手机上打字比较慢,并不适合长篇大论的文章,所以移动端的富文本编辑器很少。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富文本编辑器的相关知识,希望大家喜欢。
这篇关于jQuery 移动端artEditor富文本编辑器的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-06jquery对css样式(jquery中的css方法)-icode9专业技术文章分享
- 2023-05-27JQuery的认识和安装
- 2023-01-06JQuery应用技巧:如何定义 HTML 模板并使用 JQuery 进行加载-icode9专业技术文章分享
- 2022-09-29复习-jQuery
- 2022-09-04Python3项目初始化10-->前端基础jquery、ajax,sweetalert--更新用户改造
- 2022-08-30day 27 jquery
- 2022-08-29jQuery筛选器,bootstrap
- 2022-08-20JQuery事件绑定
- 2022-08-20JQuery案例
- 2022-08-07关于jQuery的学习