jQuery 移動端artEditor富文本編輯器
更新時間：2016年01月11日 09:45:36 作者：夕陽白雪
這篇文章主要介紹了jQuery 移動端artEditor富文本編輯器 的相關(guān)資料,需要的朋友可以參考下
由于手機(jī)上打字比較慢，并不適合長篇大論的文章，所以移動端的富文本編輯器很少。artEditor是一款基于jQuery的移動端富文本編輯器，支持插入圖片，后續(xù)完善其他功能。
插件地址：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>
參數(shù)：
imgTar
圖片上傳按鈕
limitSize
圖片最大限制，默認(rèn)3兆
showServer
顯示從服務(wù)端返回的圖片，默認(rèn)是顯示本地資源的圖片
uploadUrl
圖片上傳路勁
data
上傳圖片其他參數(shù)
uploadField
上傳圖片字段
placeholader
富文本編輯器holder
validHtml
粘貼時，去除不合法的html標(biāo)簽
uploadSuccess
圖片上傳成功回調(diào)
uploadError
圖片上傳失敗回調(diào)
demo：
html:
<div id="content"> </div>
js:
$('#content').artEditor({
imgTar: '#imageUpload',
limitSize: 5, // 兆
showServer: false,
uploadUrl: '',
data: {},
uploadField: 'image',
placeholader: '<p>請輸入文章正文內(nèi)容</p>',
validHtml: ["br"],
uploadSuccess: function(res) {
// return img url
return res.path;
},
uploadError: function(res) {
// something error
console.log(res);
}
});
以上內(nèi)容給大家介紹了jQuery 移動端artEditor富文本編輯器的相關(guān)知識，希望大家喜歡。
您可能感興趣的文章:
- jQuery移動和復(fù)制dom節(jié)點實用DOM操作案例
- jQuery拖動div、移動div、彈出層實現(xiàn)原理及示例
- 基于jquery的從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置的實現(xiàn)代碼（帶平滑移動的效果）
- jQuery插件實現(xiàn)適用于移動端的地址選擇器
- jQuery操作dom實現(xiàn)彈出頁面遮罩層(web端和移動端阻止遮罩層的滑動)
- jquery實現(xiàn)移動端點擊圖片查看大圖特效
- jQuery移動web開發(fā)之頁面跳轉(zhuǎn)和加載外部頁面的實現(xiàn)
- jquery使用animate方法實現(xiàn)控制元素移動
- jquery實現(xiàn)tr元素的上下移動示例代碼
- 基于jquery實現(xiàn)左右上下移動效果
相關(guān)文章
這是一個支付頁面DEMO，有截圖，非常逼真，感興趣的朋友可以參考下2014-07-07
jquery解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨query解析XML及獲取XML節(jié)點名稱的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
這里獲得標(biāo)簽名為大寫，如:A , DIV，需要的朋友可以參考下2012-07-07
這篇文章主要介紹了jQuery中的過濾元素操作。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這篇文章主要介紹了如何寫一個含驗證碼的登錄界面，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JavaScript對象之間的轉(zhuǎn)換 jQuery對象和原聲DOM
jQuery對象和原聲DOM，JavaScript對象之間的轉(zhuǎn)換，學(xué)習(xí)jquery的朋友可以參考下。2011-03-03
jQuery 標(biāo)題的自動翻轉(zhuǎn)實現(xiàn)代碼
我們平時在開發(fā)web程序的時候，想把一個新聞源滾動顯示新聞的條目的標(biāo)題及內(nèi)容摘要，而且是每次一條，有點類似csdn的滾動廣告。2009-10-10
這篇文章主要為大家詳細(xì)介紹了jquery橫向縱向鼠標(biāo)滾輪全屏切換效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
jQuery UI很強(qiáng)大，其中的日期選擇插件Datepicker是一個配置靈活的插件，我們可以自定義其展示方式，包括日期格式、語言、限制選擇日期范圍、添加相關(guān)按鈕以及其它導(dǎo)航等2011-05-05
關(guān)于兩個jQuery(js)特效沖突的bug的解決辦法
下面小編就為大家?guī)硪黄P(guān)于兩個jQuery(js)特效沖突的bug的解決辦法。小編覺得挺不錯的，現(xiàn)在就分享 給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09