由於手機上打字比較慢,並不適合長篇大論的文章,所以行動端的富文本編輯器很少。 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富文本編輯器的相關知識,希望大家喜歡。