本文介紹一款基于開發的移動端富文本編輯器的使用方法移動web 富文本編輯器,需要的朋友可以做一下參考。
是一款基于的移動端富文本編輯器,支持插入圖片等功能。
插件地址:。
一.引入頁面:
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script src="artEditor.min.js"></script>
二.參數介紹:
(1).:圖片上傳按鈕。
(2).:圖片最大限制移動web 富文本編輯器,默認3兆。
(3):顯示從服務端返回的圖片,默認是顯示本地資源的圖片。
(4).:圖片上傳路勁。
(5).data:上傳圖片其他參數。
(6).:上傳圖片字段。
(7).:富文本編輯器。
(8).:粘貼時,去除不合法的html標簽。
(9).:圖片上傳成功回調。
(10).:圖片上傳失敗回調。
三.代碼片段:
上面是html代碼。
$('#content').artEditor({ imgTar: '#imageUpload', limitSize: 5, // 兆 showServer: false, uploadUrl: '', data: {}, uploadField: 'image',placeholader: '
請輸入文章正文內容
', validHtml: ["br"], uploadSuccess: function(res) { // return img url return res.path; }, uploadError: function(res) {// something error console.log(res); } });
上面是js代碼。
移動端富文本編輯器使用簡單介紹,這樣的場景在實際項目中還是用的比較多的,關于移動端富文本編輯器使用簡單介紹就介紹到這了。
移動端富文本編輯器使用簡單介紹屬于前端實例代碼,有關更多實例代碼大家可以查看。