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

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

WBOY
リリース: 2016-05-16 15:20:37
オリジナル
2710 人が閲覧しました

携帯電話での入力は遅く、長い​​記事には適していないため、携帯電話にはリッチ テキスト エディターがほとんどありません。 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 リッチ テキスト エディターについて紹介しています。気に入っていただければ幸いです。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート