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