Changing the HTML of CKEditor form elements (in the dialog window)

Posted by Kenny Meyers on Stack Overflow See other posts from Stack Overflow or by Kenny Meyers
Published on 2010-06-09T02:35:36Z Indexed on 2010/06/09 2:42 UTC
Read the original article Hit count: 265

Filed under:
|
|
|

I'm trying to modify the HTML of the dialog boxes in CKEditor. The HTML inside each of those boxes is an absolute nightmare, and even worse, the source code is compressed and it's unclear what the path of execution is.

I want to take something like this:

<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>

and turn it into something more legible and easier to style, removing one of the divs. These are for the Image and Anchor dialog boxes (Modal dialogues) respectively.

Thanks for your help.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about html