首頁 > web前端 > js教程 > jQuery 行動端artEditor富文本編輯器_jquery

jQuery 行動端artEditor富文本編輯器_jquery

WBOY
發布: 2016-05-16 15:20:37
原創
2710 人瀏覽過

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板