ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery モバイル アートエディター リッチ テキスト editor_jquery

jQuery モバイル アートエディター リッチ テキスト editor_jquery

WBOY
WBOYオリジナル
2016-05-16 15:20:372669ブラウズ

携帯電話での入力は遅く、長い​​記事には適していないため、携帯電話にはリッチ テキスト エディターがほとんどありません。 artEditor は、jQuery ベースのモバイル リッチ テキスト エディターであり、画像の挿入をサポートしており、将来的に他の機能も改善される予定です。

プラグインのアドレス: https://github.com/baixuexiyang/artEditor スターまたはフォークは歓迎です。

デモ

引用:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script src="artEditor.min.js"></script> 

パラメータ:

imgTar

画像アップロードボタン

制限サイズ

画像の最大制限、デフォルトは 3 MB

showServer

サーバーから返された画像を表示します。デフォルトでは、ローカル リソースから画像を表示します。

アップロードURL

ル・ジンの写真をアップロード

データ

画像をアップロードするためのその他のパラメータ

アップロードフィールド

画像フィールドをアップロード

プレースホルダ

リッチテキストエディタホルダー

有効なHTML

貼り付ける際は、不正な HTML タグを削除してください

アップロード成功

画像アップロード成功時のコールバック

アップロードエラー

画像アップロード失敗時のコールバック

デモ:

html:

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

上記のコンテンツでは、jQuery モバイル artEditor リッチ テキスト エディターについて紹介しています。気に入っていただければ幸いです。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。