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