artEditor - 移動端富文本編輯器
artEditor
artEditor是一款基于jQuery的移動端富文本編輯器,支持插入圖片,后續完善其他功能。
demo,為了更好的效果請將瀏覽器設置為手機模式
引用
在頁面中引入下面資源
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="artEditor.min.js"></script>
Options
imgTar
圖片上傳按鈕
limitSize
圖片最大限制,默認3兆
showServer
顯示從服務端返回的圖片,默認是顯示本地資源的圖片
uploadUrl
圖片上傳路勁
data
上傳圖片其他參數
uploadField
上傳圖片字段
placeholader
富文本編輯器holder
validHtml
粘貼時,去除不合法的html標簽
uploadSuccess
圖片上傳成功回調
uploadError
圖片上傳失敗回調
Example
html:
<div class="article-content" 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); } });
本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!