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