tinymce.ui простой текстовый компонент

Question

Я использую TinyMCE пытается расширить плагин, чтобы показать диалог с конкретной планировкой:

editor.windowManager.open({ 
     title: 'Title of my dialog', 
     body: [ 
      {type: 'label', text: 'my label'}, 
      { name:'my_input', type: 'textbox'}, 
     // { type: 'text', html:'some content with <b>bold</b> if posilbe!'}, 
      // { type: 'html', value:'<div>with custom formating</div>'} 
     ] 
    } 

Я проверил документацию для tinymce.ui несколько раз, но могу найти способ добавьте html или текстовый компонент в конструктор диалога (например, строки комментариев в примере).

Я знаю, что есть опция с использованием готового html-шаблона для диалога .. но есть также много событий и триггеров, поэтому использование конструктора и .ui-компонентов более подходит для моего случая.

Answer 1

Я использовал интерфейс JQuery UI для этого, но столкнулся с некоторыми проблемами после TinyMCE 4.0.

У меня есть плагин TinyMCE, который позволяет людям извлекать текстовую версию своего сообщения в редакторе WordPress. Тогда я покажу им, что текст с помощью этого:

var plain_block = { 
    type: 'container', 
    html: '<textarea style="margin: 10px; width: 550px !important; height: 450px !important; background-color: #eee;" readonly="readonly">Whatever plain text I need to show goes here</textarea>' 
}; 

ed.windowManager.open({ 
    title: "Plain Text of This Post", 
    spacing: 10, 
    padding: 10, 
    items: [ 
    plain_block 
    ], 
    buttons: [ 
    { 
      text: "Close", 
      onclick: function() { ed.windowManager.close();} 
     } 
    ] 
}); 

Конечный результат представляет собой диалоговое окно довольно обычная-джейн с некоторыми HTML и кнопку Закрыть