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è)頁(yè)面跳轉(zhuǎn)到另一個(gè)頁(yè)面的指定位置的實(shí)現(xiàn)代碼(帶平滑移動(dòng)的效果)
- jQuery插件實(shí)現(xiàn)適用于移動(dòng)端的地址選擇器
- jQuery操作dom實(shí)現(xiàn)彈出頁(yè)面遮罩層(web端和移動(dòng)端阻止遮罩層的滑動(dòng))
- jquery實(shí)現(xiàn)移動(dòng)端點(diǎn)擊圖片查看大圖特效
- jQuery移動(dòng)web開(kāi)發(fā)之頁(yè)面跳轉(zhuǎn)和加載外部頁(yè)面的實(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)文章
利用jqprint插件打印頁(yè)面內(nèi)容的實(shí)現(xiàn)方法
qprint是一個(gè)基于jquery編寫(xiě)的頁(yè)面打印的一個(gè)小插件,但是不得不承認(rèn)這個(gè)插件確實(shí)很厲害,下面這篇文章主要給大家介紹了關(guān)于利用jqprint插件如何打印頁(yè)面內(nèi)容的實(shí)現(xiàn)方法,需要的朋友可以參考借鑒,下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。2018-01-01jQuery Easyui Datagrid實(shí)現(xiàn)單行的上移下移及保存移動(dòng)的結(jié)果
這篇文章主要介紹了jQuery Easyui Datagrid實(shí)現(xiàn)單行的上移下移及保存移動(dòng)的結(jié)果,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08初學(xué)Jquery插件制作 在SageCRM的查詢(xún)屏幕隱藏部分行的功能
SageCRM的查詢(xún)條件屏幕的條件比較多,會(huì)占用界面,用戶希望首先顯示常用的查詢(xún)條件,然后點(diǎn)擊展開(kāi)的按鈕,可以看到一些不常用的查詢(xún)條件2011-12-12jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)炫麗的3d旋轉(zhuǎn)星空效果,涉及jQuery數(shù)值運(yùn)算與頁(yè)面元素屬性動(dòng)態(tài)變換相關(guān)操作技巧,需要的朋友可以參考下2018-07-07輕松學(xué)習(xí)jQuery插件EasyUI EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò)(1)
這篇文章主要幫助大家輕松學(xué)習(xí)jQuery插件EasyUI,并且教大家如何利用EasyUI創(chuàng)建樹(shù)形網(wǎng)絡(luò),感興趣的小伙伴們可以參考一下2015-11-11jQuery實(shí)現(xiàn)的表頭固定效果實(shí)例【附完整demo源碼下載】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的表頭固定效果,結(jié)合完整實(shí)例形式分析了jQuery基于插件實(shí)現(xiàn)的表頭固定功能與用法,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2016-08-08jQuery+css實(shí)現(xiàn)炫目的動(dòng)態(tài)塊漂移效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的動(dòng)態(tài)塊漂移效果,涉及jQuery基于隨機(jī)數(shù)與時(shí)間函數(shù)動(dòng)態(tài)操作頁(yè)面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01jq checkbox 的全選并ajax傳參的實(shí)例
下面小編就為大家?guī)?lái)一篇jq checkbox 的全選并ajax傳參的實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04基于JQuery的訪問(wèn)WebService的代碼(可訪問(wèn)Java[Xfire])
最近有些時(shí)間學(xué)習(xí)了下JQuery,發(fā)現(xiàn)有很多JQuery訪問(wèn).net WebService的例子。作為WebService這種接口應(yīng)該是通用的,為什么沒(méi)人關(guān)于Java的例子呢?這點(diǎn)引起我的興趣。2010-11-11