Modifier le code HTML des éléments du formulaire CKEditor (dans la fenêtre de dialogue)

Question

J'essaie de modifier le code HTML des boîtes de dialogue dans CKEditor. Le HTML à l'intérieur de chacune de ces boîtes est un véritable cauchemar, et pire encore, le code source est compressé et le chemin d'exécution n'est pas clair.

Je veux prendre quelque chose comme ça :

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

et le transformer en quelque chose de plus lisible et de plus facile à styliser, en supprimant l'une des divs. Il s'agit respectivement des boîtes de dialogue Image et Ancre (dialogues modaux).

Merci pour votre aide.

Answer 1

Attendez, vous essayez vraiment de modifier les fichiers HTML dans l'éditeur ?

Il existe une superbe interface utilisateur et de la documentation. Cela ne vaut pas la peine d'essayer de le décrire ici alors que la documentation le dit 100% mieux et plus clairement que je ne pourrais jamais le faire. Si vous essayez de personnaliser les dialogues, voici la documentation.

Le guide du développeur pour toutes les api

Y toute la documentation, comment faire, etc.

Si vous avez encore besoin d'aide, prévenez-moi.