artEditor移动端富文本编辑器使用简单介绍

日期: 2022-12-08 13:44:32 分类: 前端浏览量：留言数： 98495

本文介绍一款基于jquery开发的移动端富文本编辑器的使用方法，需要的朋友可以做一下参考。

artEditor是一款基于jQuery的移动端富文本编辑器，支持插入图片等功能。

插件地址:https://github.com/baixuexiyang/artEditor。

一.引入页面:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="artEditor.min.js"></script>

二.参数介绍:

（1）.imgTar：图片上传按钮。

（2）.limitSize：图片最大限制，默认3兆。

（3）showServer：显示从服务端返回的图片，默认是显示本地资源的图片。

（4）.uploadUrl：图片上传路劲。

（5）.data：上传图片其他参数。

（6）.uploadField：上传图片字段。

（7）.placeholader：富文本编辑器holder。

（8）.validHtml：粘贴时，去除不合法的html标签。

（9）.uploadSuccess：图片上传成功回调。

（10）.uploadError:图片上传失败回调。

三.代码片段:

<div id="content">
</div>

上面是html代码。

$('#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);
  }
});

上面是js代码。

artEditor移动端富文本编辑器使用简单介绍，这样的场景在实际项目中还是用的比较多的，关于artEditor移动端富文本编辑器使用简单介绍就介绍到这了。

artEditor移动端富文本编辑器使用简单介绍属于前端实例代码，有关更多实例代码大家可以查看。