artEditor - 移動端富文本編輯器

jopen 8年前發布 | 249K 次閱讀 artEditor HTML編輯器

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);
    }
});


項目地址: https://github.com/baixuexiyang/artEditor

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!