web-dev-qa-db-ja.com

TinyMCE jQueryパッケージの使用方法とTinyMCE jQueryプラグインとの違いは何ですか

私はこの投稿を見ました TinyMCE jQueryパッケージとは？ これはv4 TinyMCE jQueryパッケージが何であるかを説明しますが、投稿とtinymceサイトにはv3の例のみが含まれています。

V4 TinyMCE jQueryパッケージをダウンロードすると、tiny_mce.jsはありません。 jquery.tinymce.min.jsとtinymce.min.jsの2つのファイルがあるようです。両方のファイルを含めるとjQueryバージョンではなく完全なTinyMCEを使用しますが、jQueryファイルのみを含めると、tinyMCE.initの呼び出しが失敗し、「tinyMCEは定義されていません」と読みました。

私は本当にドキュメントからこれを理解したいと思いますが、私はそれを検索しようとしましたが、jQueryバージョンについて何も見つけることができません。

関連するポイントで、TinyMCE jQueryプラグインが何であるか、そしてそれが上記とどのように関係するかを誰でも説明できますか？それが私の理解のギャップかもしれません。

事前に感謝します

jquerytinymcetinymce-4
19
Andy

数週間前に同じ問題に遭遇しました。 tinymceをjQueryプラグインとして使用する必要はありませんが、必要に応じてオプションが用意されています。 tinymceソースコードの大部分はtinymce.min.jsファイルにあり、jQuery.tinymce.minファイルには、tinymce機能をjQueryプラグインにラップするコードのみが含まれています。とにかく、あなたがそれを使いたいならば、あなたは両方を要求する必要があるでしょう。

<script src="/js/jquery-1.10.2.js" type="text/javascript"></script>
<script src="/js/tinymce/tinymce.min.js" type="text/javascript"></script>
<script src="/js/tinymce/jquery.tinymce.min.js" type="text/javascript"></script>

私がTinyMCEに関して知っている限り、唯一の主な違いは、エディターの初期化方法です。 jQueryを使用していない場合は、次のように初期化します。

tinymce.init({
    selector: 'textarea',
    theme: "modern"
    ...
})

一方、jQueryプラグインとして使用する場合、jQueryを使用して初期化することができ、追加のjQueryの良さを初期化メソッドに追加できるという利点が得られます。次のように：

$('textarea').html('<p>some dynamic content</p>').tinymce({
   theme: "modern",
   ...
})

それ以外は基本的に同じだと思います。

33
2potatocakes

Tinymce jQueryバージョンにより、開発者はtinymceエディターに関するjQueryコマンドを使用できます。私は、tinymceのjQueryビルドを使用せず、通常のtinymceバージョンを使用しないことを強くお勧めします。この理由は簡単です。jQueryバージョンを使用して追加のオブジェクトと要素を作成するオーバーヘッドは、利点を強調しません。いくつかのキーイベントハンドラーで独自のtinymceプラグインを使用する場合、jQuery tinymceバージョンは多くの高速キーボードストロークを処理するのに時間がかかることがわかりました（エディターでの文字の表示が遅れる）。ここに行く方法は、通常のtinymceビルドを使用して、メインドキュメントにも通常のjQueryをロードすることです。これにより、jQueryを使用してtinymceにアクセスし、html要素をアドレス指定できます。

8
Thariama

JQueryの「バージョン」とjQueryの「プラグイン」をめぐる混乱を考えると、現時点では、TinyMCEをMVC jQueryプロジェクトに追加するときに調査します。

Exphox（生のJSバージョン）からの生のTinyMCE NuGetパッケージをあるプロジェクトにインストールし、TinyMCE.jQuery NuGetパッケージを別のプロジェクトにインストールしました。

次に、Araxis Mergeとフォルダー、ファイル、サイズなどを比較し、縮小されたソースコードを「プリティ」して内容を調べました。

NuGetの結果は次のとおりです。

NuGetパッケージは、TinyMCE.jQuery NuGetパッケージに追加された単一のjquery.tinymce.min.jsファイルを除いて、同一です。

JQueryファイルは、MCEをjQuery要素に適用するための単純なプラグインです。

そのため、NuGetパッケージに関する限り、jQueryバージョンはjQuery要素にTinyMCEを実装するプラグインにすぎません。他に何もない！

これはここにあるコメントに反します http://www.tinymce.com/tryit/3_x/jquery_version.php その状態：

この例では、TinyMCEの特定のjQueryバージョンをロードします。このバージョンは、Sizzleエンジンなどの冗長ロジックを含まないため、少し小さくなっています。

5
Gone Coding