3

wysiwig エディターの ckeditor で少し問題が発生しています。Flash ベースのメディア プレーヤーから離れようとしているときに、MediaElement (http://mediaelementjs.com/) に出くわしました。 /1035630 )。

このプレーヤーをメディア プラグインに統合する簡単な方法はありますか? メディア要素用にフラッシュベースのプレーヤーを交換する方法があるはずだと思います..?

考え?

4

1 に答える 1

3

フラッシュプラグインに基づいてカスタムプラグインを作成できます。

キャピタライゼーションが重要です。スタイルガイドは次のとおりです。コーディングスタイルガイドライン http://docs.cksource.com/FCKeditor_3.x/Design_and_Architecture/Coding_Style

ディレクトリをコピーして_source/plugins/flash名前を変更し、mediaelementと呼びましょう。

名前を変更したディレクトリをここに配置します/plugins/mediaelement

次に、名前をに変更/plugins/mediaelement/dialogs/flash.jsmediaelement.jsます。

16px X 16pxツールバーボタンの画像を/plugins/mediaelement/images/ディレクトリに追加します。
私は.pngファイルが機能することを知っていますが、他のファイルを試したことはありません。


構成:構成
に新しいプラグインをロードします。

config.extraPlugins = 'mediaelement';

ツールバーの構成設定にボタンを追加します'MediaElement'

config.toolbar_xxx

ファイルの変更
「フラッシュ」プラグインの名前とファイルへの参照を変更する必要があります。プラグインをロードしてダイアログウィンドウを開くために必要な最小限の変更は次のとおりです。

plugins / mediaelement / dialogs / mediaelement.js(174)

CKEDITOR.dialog.add( 'mediaelement', function( editor )

plugins / mediaelement / plugin.js(22-33)

  CKEDITOR.plugins.add( 'mediaelement',
  {
    init : function( editor )
    {
      editor.addCommand( 'mediaelement', new CKEDITOR.dialogCommand( 'mediaelement' ) );
      editor.ui.addButton( 'MediaElement',
        {
          label : 'Media Element',
          command : 'mediaelement',
          icon: this.path + 'images/mediaelement_btn.png'
        });
      CKEDITOR.dialog.add( 'mediaelement', this.path + 'dialogs/mediaelement.js' );

ここにプラグインの作成に関するいくつかのチュートリアルがあります:http:
//docs.cksource.com/CKEditor_3.x/Tutorials

彼らはあなたに構造と必要な要素の理解を与えるでしょう。既存のプラグインのコピーを操作しながらチュートリアルを実行することでこれを学びました。時間がかかりましたが、必要なもののほとんどはそこにあります。

チュートリアルには、ダイアログウィンドウの作成と使用されるパラメータに関する情報が含まれており、plugins/mediaelement/dialogs/mediaelement.jsファイルで何が起こっているかを理解するのに役立ちます。

MediaElement実装で使用されるフィールドを含むようにダイアログファイルを変更できます。フラッシュの埋め込みコードをメディア要素に使用されているコードと比較して、どの部分が互いに対応しているかを確認し、それに応じてダイアログファイルを変更することをお勧めします。

于 2012-07-18T16:31:33.557 に答える