Изменение HTML элементов формы CKEditor (в диалоговом окне)

Question

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

Я хочу взять что-то вроде этого:

<div class="cke_dialog_ui_select" id="44_uiElement" role="presentation"><label style="" for="42_select" id="43_label" class="cke_dialog_ui_labeled_label">Link Type</label><div role="presentation" class="cke_dialog_ui_labeled_content"><select aria-labelledby="43_label" class="cke_dialog_ui_input_select" id="42_select"><option value="url"> URL</option><option value="anchor"> Link to anchor in the text</option><option value="email"> E-mail</option></select></div></div>

и превратить его во что-то более разборчивое и более удобное для стиля, удалив один из элементов div.Они предназначены для диалоговых окон Image и Anchor (модальных диалогов) соответственно.

Спасибо за вашу помощь.

Answer 1

Это мое предложение по этой проблеме.

    var htmlId=dialog.getContentElement( 'tabId', 'htmlElement' ).domId;
    document.getElementById(htmlId).innerHTML='<img src="happy_face.jpg"/>';

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

http://docs.ckeditor.com/#!/api/CKEDITOR.dialog.definition.html

Я использовал нативный javascript, но вполне мог быть jquery.

var htmlId=dialog.getContentElement( 'tabId', 'htmlElement' ).domId;
    $("#"+htmlId).html('<img src="happy_face.jpg"/>');

Answer 2

Подождите, вы действительно пытаетесь редактировать файлы HTML внутри редактора?

Превосходный API и документация.Не стоит пытаться описывать здесь, когда в документации сказано, что это на 100% лучше и понятнее, чем я когда-либо мог.Если вы пытаетесь настроить диалоги, вот документация.

Руководство разработчика для всех API

И всей документации, как и т. Д.

Если вам все еще нужна помощь, дайте мне знать.