Интегриране на медиен елемент в Ckeditor

Можете да създадете персонализиран плъгин на базата на флаш плъгина.

Главните букви са от значение, ето ръководството за стил: Насоки за стил на кодиране http://docs.cksource.com/FCKeditor_3.x/Design_and_Architecture/Coding_Style

Копирайте директорията _source/plugins/flash и я преименувайте, нека я наречем mediaelement.

Поставете преименуваната директория тук /plugins/mediaelement.

След това преименувайте /plugins/mediaelement/dialogs/flash.js на mediaelement.js.

Добавете вашето изображение на бутона на лентата с инструменти 16px X 16px към директорията /plugins/mediaelement/images/.
Знам, че .png файловете работят, не съм пробвал други.

Конфигурация:
Заредете новия плъгин във вашата конфигурация:

config.extraPlugins = 'mediaelement';

Добавете бутона към настройката за конфигурация на лентата с инструменти 'MediaElement'

config.toolbar_xxx

Файлови модификации
Ще трябва да промените препратките към името и файловете на приставката „flash“. Ето минималните промени, необходими за зареждане на приставката и отваряне на диалоговия прозорец:

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. Предлагам ви да сравните кода за вграждане за флаш с този, използван за медийния елемент, за да видите кои части съответстват една на друга и съответно да модифицирате диалоговия файл.