[résolu] Édition CKeditor pour avoir de nouvelles fonctions ?

toutatis

Bonjour,
Actuellement dans CKeditor, il y a des formatages que je n'utilise pas du tout sur mon site, mais d'autres qui sont absents. Par exemple PRE ne me sert à rien, mais j'aurai aimé avoir un bouton pour mettre une image en float:left. Vu que chaque bouton déclenche une écriture html, il semble facile de créer un < div class="float-right" > pour encapsuler la balise img.
Par contre comment fait on pour modifier la liaison entre un bouton et le code écrit ? Voir pour modifier l'icone du bouton ?
Merci

gcyrillus-nomade

Bonjour,

Quelle version du plugin CKeditor as tu téléchargé ?

Il y a effectivement moyen d'ajouter des template HTML à partir d'un bouton
De mémoire floue, il faut modifier CKeditor à plusieurs endroits: déclarer l'option dans une liste et lier le template à insérer en le chargeant en mèmoire avec les autres.

toutatis

Bonjour,
merci.
J'ai pris la 4.7.3, proposée ici : https://ressources.pluxml.org/plugins/categories/Editors

Ce sont les mêmes templates que ceux proposés ici : https://ckeditor.com/docs/ckeditor5/latest/features/template.html ?

cpalo

Bonjour,
Tu as pris la version développée par Stéphane et ce n'est pas la plus récente.
Mais même la plus récente ( plugin du SudWebdesign) utilise une version 4 de CKEditor. Il te faut donc aller chercher la documentation de CKEditor 4 et non CKEditor 5.
Ce que tu demandes est faisable; je l'avais fait mais je me suis arreté car je cherchais à mettre à jour le plugin pour passer en version 5.
Et j'hésite aussi avec TinyMce.
Je regarderai ça car je devrai retrouver;

toutatis

Dans ckeditor/ckeditor/style.js il y a des lignes intéressantes à modifier pour personnaliser CKeditor
Ici, ils disent de mettre aussi un extra plugin, ce que j'ai fait via le ftp, mais modifie t on cette ligne ?

Enable the plugin by using the extraPlugins configuration setting. Example:
config.extraPlugins = 'stylescombo';

https://ckeditor.com/cke4/addon/stylescombo

cpalo

Tu trouveras ci-dessous le le fil de discussion à-propos du plugin Cmixml de SudWebDessign. Tu devrais y trouver des éléments pour t'aider
https://forum.pluxml.org/discussion/comment/62395#Comment_62395

cpalo

Le lien vers l'autre fil CKEditor
https://forum.pluxml.org/discussion/comment/58709#Comment_58709
Nouvelle version de CKeditor4 la 4.21.0 du 22 mars 2023!
https://ckeditor.com/ckeditor-4/download/
et la documentation
https://ckeditor.com/docs/ckeditor4/latest/index.html
Et j'ai retrouvé ma personnalisation que j'avais faite à partir de CKEditor 4.11.1 de SudWebdesign ( version avant qu'il ne développe l'autre plugin).
Je regarde pour mettre à disposition

Francis

Bonjour,
Moi aussi je n'ai pas mis à jour CKEditor depuis longtemps. J'utilise encore la version 4.6.2 avec le gestionnaire de fichiers Roxy Fileman qui est excellent, ma version personnalisée avec plugins se trouve ici

@toutatis
Pour répondre à ta question initiale sur les images flottantes, le mieux est de créer deux classes dans la feuille de style :
.gauche { float: left; margin-right: 10px; }
.droite { float: right; margin-left: 10px; }
puis attribuer à l'image concernée la classe gauche ou droite, dans l'onglet "Avancé" quand on clique sur le bouton d'insertion d'image.

toutatis

Bonjour,
Merci @cpalo et @Francis