artEditor移動端富文字編輯器使用簡單介紹

本文介紹一款基於jquery開發的移動端富文字編輯器的使用方法，需要的朋友可以做一下參考。

artEditor是一款基於jQuery的移動端富文字編輯器，支援插入圖片等功能。

外掛地址:https://github.com/baixuexiyang/artEditor。

一.引入頁面:

[HTML] 純文字檢視 複製程式碼
<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:圖片上傳失敗回撥。

三.程式碼片段:

[HTML] 純文字檢視 複製程式碼
<div id="content">
</div>

上面是html程式碼。

[JavaScript] 純文字檢視 複製程式碼
$('#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程式碼。