PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#476 04/11/2017 01:19:19

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

CKEditor fonctionne bien
mais si dans ExtraPlugins je rajoute Image2, dans ce cas je n'ai plus CKEditor dsisponible

Hors ligne

#477 04/11/2017 09:00:26

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Une précision pour  personnaliser le plugin . Je dois faire les modifications dans :
ckeditor/ckeditor/config.js
et dans
ckeditor/config.php

Dernière modification par cpalo (04/11/2017 09:05:14)

Hors ligne

#478 04/11/2017 11:58:21

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

Pour déclarer le plugin, il suffit d'ajouter son nom dans la liste extraPlugins (Paramètres -Plugins => sur la ligne CKEditor, cliquer sur Configuration).
J'ai regardé, il semble que le nom du plugin soit "image2", tout en minuscules.

Dans un premier temps, tu pourrais essayer cette manipulation avec les fichiers d'origine ckeditor/ckeditor/config.js et ckeditor/config.php.

Une fois que ça fonctionne, tu pourras ajouter ton paramétrage spécifique du plugin "image2".
Normalement, la modification du fichier ckeditor/config.php devrait suffire, car ce fichier permet de modifier les options déclarées dans ckeditor/ckeditor/config.js.

Hors ligne

#479 04/11/2017 14:50:11

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

@Francis
A-priori cela n'a pas fonctionné.. lorsque dans extraplugins je rentre image2 ou "image2",  ckeditor ne devient plus actif
Je vais voir ça plus précisement et je te tiens au courant

Hors ligne

#480 04/11/2017 15:37:13

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

Dans extraPlugins, il faut taper une virgule de séparation après le dernier plugin, puis le nom de ton nouveau plugin (sans espace avant), ici image2 si c'est bien ce nom.

Par exemle, si dans extraPlugins il y a :

justify,showblocks,widget,lineutils,oembed

ça devient, après ajout de la virgule et du nom de ton plugin :

justify,showblocks,widget,lineutils,oembed,image2

Hors ligne

#481 04/11/2017 16:18:16

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

J'ai reisntallé sur un pluxml propre ckeditor.
extraPlugins: omage2
Cela ne "plante" plus, mais c'est toujours image qui est lancé et non pas image2

Hors ligne

#482 05/11/2017 00:19:54

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

J'ai testé une installation de PluXml avec simplement le plugin CKEditor auquel j'ai ajouté l'addon image2 : ça marche très bien, l'interface d'insertion d'image propose bien une case à cocher "Image légendée".

J'ai fait un zip de cette installation que tu peux télécharger ici (identifiant : admin / mot de passe : admin).

Hors ligne

#483 05/11/2017 00:49:01

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Grand merci
cela fonctionne aussi de mon côté. J'ai comparé ta version à la mienne mais pas vu la différence..
Par contre "etourderie" de ma part : si je veux la balise figure, il faut que je coche nécessairement image légendée (ce que je n'avais pas fait)
Cordialement

Hors ligne

#484 05/11/2017 11:09:19

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Bonjour,
Dans les propositions pour faire évoluer le plugin, et de faciliter les mises à jour  et ou les personnalisations, ne serait-il pas possible d'utiliser un fichier de configuration perso et non pas le fichier config.js
custom figuration file
Par exemple:

[== Indéfini ==]
CKEDITOR.replace('id_'+n, {
    customConfig: '/custom/ckeditor_myconfig.js'
});

Où placer ce dossier custom : à la racine du plugin ? à la racine de ckeditor?
Et dans ce dossier on pourrait très bien imaginer la possibilité d'avoir plusieurs fichiers de configuration dont on pourrait se servir suivant le type d'utilisation de pluxml, en modifiant simplement la ligne ci-dessus : myconfig1, myconfig2 etc..;
Bon dimanche

Dernière modification par cpalo (05/11/2017 11:11:09)

Hors ligne

#485 05/11/2017 13:18:24

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

Ça existe déjà, mais sous une autre forme.
Dans le fichier ckeditor/config.php, la partie

[== JavaScript dans PHP ==]
<script>
<!--
if(typeof CKEDITOR != 'undefined') {
	var roxyFileman = '<?php echo PLX_PLUGINS ?>ckeditor/fileman/index.html?integration=ckeditor';
	var textareas = document.getElementsByTagName("textarea");
	for(var i=0;i<textareas.length;i++) {
		var n = textareas[i].name;
		if(n=="content" || n=="chapo") {
			CKEDITOR.replace('id_'+n, {
				extraPlugins: 'justify,showblocks,embed,embedbase,lineutils,widgetselection,widget,notification,notificationaggregator,toolbar<?php echo $extraPlugins ?>',
				<?php echo $height ?>
				scayt_autoStartup: true,
				extraAllowedContent: 'video[*]{*}',
				filebrowserBrowseUrl: roxyFileman,
				filebrowserImageBrowseUrl: roxyFileman+'&type=image',
				removeDialogTabs: 'link:upload;image:upload',
				entities: false,
				allowedContent: true,
				language : '<?php echo $this->default_lang ?>'
			});
		}
	}
}
-->
</script>

sert à compléter le fichier ckeditor/ckeditor/config.js, avec possibilité de redéfinir certains paramétrages.

Par exemple, sur ma version perso j'ai modifié la fin de cette partie de la façon suivante :

[== JavaScript dans PHP ==]
	language : '<?php echo $this->default_lang ?>',   // ajout d'une virgule à la fin, pour écrire des lignes supplémentaires
        removeButtons: 'Styles',    // redéfinit config.removeButtons = 'Underline,Subscript,Superscript'; pour rétablir "souligné/indice/exposant" et supprimer "Styles"
        format_tags: 'p;h1;h2;h3;h4;h5;h6;pre'   // redéfinit  config.format_tags = 'p;h1;h2;h3;pre'; dans ckeditor/config.js

On retrouve aussi en PHP l'ajout des plugins déclarés dans la configuration du plugin, ainsi que de la hauteur par défaut de la fenêtre d'édition.

Hors ligne

#486 05/11/2017 20:56:15

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Oui j'ai bien vu cela et cela permet assez facilement de modifier certains parametres. Mais lorsqu'on fait une mise à jour du plugin ou simplement de ckeditor, il faut bien penser à sauvegarder ces deux fichiers car ils seront remis à jour ( pas compliqué, mais ne pas oublier).
Par contre avec l'autre méthode on n'aurait pas à gérer  la configuration personnalisée lors des mises à jour ( à quelques détails près sans doute).
Et l'autre avantage on pourrait avoir plusieurs modeles de configuration qu'on pourrait appeler en modifant seulement

CKEDITOR.replace('id_'+n, {
    customConfig: '/custom/ckeditor_myconfig_1.js'

Alors j'avais envie de tester de cela, d'où ma demande de conseil pour le mettre en place.

Hors ligne

#487 05/11/2017 23:36:31

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

Je comprends ce que tu voulais dire.
Effectivement l'idée est intéressante.

Hors ligne

#488 09/11/2017 19:19:48

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Bonsoir,

J'ai bien avancé dans la personnalisation de ckeditor, mais je bute sur un point celui des chemins à indiquer.
Dans la doc il est est indiqué :

// Load a specific configuration file.
CKEDITOR.replace( 'myfield', { customConfig: '/myconfig.js' } );

Lorsqu'il est indiqué ceci, myconfig.js est dans quel répertoire?

Dernière modification par cpalo (09/11/2017 19:20:04)

Hors ligne

#489 09/11/2017 20:55:27

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

Si on enlève le slash de la racine "/", ça pourrait être le même dossier que celui de ckeditor.php, c'est-à-dire plugins/ckeditor, à vérifier.
Dans ckeditor.php, j'ai ajouté cette ligne pour étoffer la liste des caractères spéciaux, que j'ai complétée dans un fichier ckeditor-modif-specialchars.php :

[== PHP ==]
<?php include('ckeditor-modif-specialchars.php'); /* Caractères spéciaux personnalisés, pour davantage de choix */ ?>

Sinon, on peut s'inspirer de la ligne :

[== JavaScript dans fichier PHP ==]
var roxyFileman = '<?php echo PLX_PLUGINS ?>ckeditor/fileman/index.html?integration=ckeditor';

où <?php echo PLX_PLUGINS ?>ckeditor/ nous donne le dossier de base de ckeditor.

Hors ligne

#490 10/11/2017 07:35:17

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Si j'ai :
plugins/ckeditor/ckeditor/myconfig.js
il faut ajouter dans ckeditor.php:

customConfig: 'myconfig.js',

ou
plugins/ckeditor/ckeditor/custom/myconfig.js

customConfig: 'custom/myconfig.js',

ou
plugins/ckeditor/custom/myconfig.js

customConfig: '../custom/myconfig.js',

C'est cette dernière configuration que j'ai retenue. Dans ce dossier custom j'y mettrai aussi mon fichier de styles personnalisés.

Dernière modification par cpalo (10/11/2017 08:13:49)

Hors ligne

#491 12/11/2017 12:06:20

Francis
Membre
Inscription : 19/11/2011
Messages : 417
Site Web

Re : [plugin] CKEditor: editeur wysiwyg

C'est donc un répertoire plus bas que ce que je pensais.
Merci en tout cas Cpalo pour l'info et pour l'astuce.

Le principe est intéressant, pour personnaliser CKEditor sans avoir à modifier ckeditor.php

Pour la feuille de style, je suppose que ça permet de voir la mise en forme directement sur la page Wysiwyg, en copiant les styles importants du fichier css du thème ?

Hors ligne

#492 12/11/2017 12:29:08

cpalo
Membre
Lieu : Franqueville Eure
Inscription : 13/07/2011
Messages : 884

Re : [plugin] CKEditor: editeur wysiwyg

Oui exactement  c'est ce que j'essaie de faire, mais  je butte sur un petit détail par rapport à l'emplacement de contentCss. Mais je vais y retravailler la semaine prochaine.

Sinon la mise à jour de  la 4.7.3 se fait sans aucun problème; il suffit juste de remplacer  le dossier ckeditor dans le plugin par le nouveau; et le plugin continue à fonctionner.
Pareil l'installation de codemirror se fait tout seul et offre un mode source sympa.

http://origin-docs.ckeditor.com/ckedito … ontentsCss

https://docs.ckeditor.com/ckeditor4/doc … dev_styles

https://docs.ckeditor.com/ckeditor4/doc … -stylesSet

Une fois que j'aurai réglé ces styles pour que CKEditor affiche le contenu dans le style du site, je pense travailler sur deux plugins :
- afficher une galerie (dans un template de page prévu à cet effet)
- insérer un bloc de contenu annexe

Bon dimanche

Dernière modification par cpalo (12/11/2017 12:37:37)

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés