[Astuce] Astuce pour coller du contenu Word et avoir le code source couleur

[felichon]

Salut la communauté,

A ceux qui n'ont pas les moyens de s'offrit le superbe composant JCE en version pro, voici une solution élégante et gratuite pour faire 2 choses :

1.) Coller du contenu venant de Microsoft Word avec mise en forme
2.) Avoir un éditeur de code numéroté, en couleur syntaxique et avec rechercher remplacer

Tout ça est présent dans JCE version payante (et encore pas évident de coller du Word avec mise en forme) mais bon tout le monde n'es pas fan de JCE non plus.

Comment faire ?

Tout d'abord il vous faut ses 2 extensions :

Jodit : https://extensions.joomla.org/extension/jodit-editor/
Switch Editor : https://extensions.joomla.org/extension/switch-editor/

Jodit est l'éditeur, (non traduit en Français) c'est lui qui vous permettra de faire vos copier/coller depuis Word, vous aurez le choix au collage de l’intégrer brut, avec mise en forme ou le code nettoyé de Word.

Switch Editor vous permettra de passer d'un éditeur à un autre, par exemple de JCE version gratuite (ou autre) à Jodit.

Bref utilisez Switch Editor pour basculer de l'un à l'autre.

Usage :

- Installez les 2 plugins citées plus haut puis activez lès. (depuis la gestion des plugin de Joomla!)

- Switch Editor apparaitra en bas à gauche en Backend, vous pouvez choisir ici votre éditeur. ATTENTION ! Une fois l'éditeur choisi il est sélectionné mais non affiché !

Pour l'afficher il suffit de rafraichir la page, mais prenez soins d'enregistrer votre travail avant.

- Depuis l'éditeur de Jodit coller directement avec un "Ctrl+V" votre texte venant de Word, choisissez "Keep" pour coller votre Word tel que vous l'avez copié.

- Toujours dans Jodit, cliquez à votre gauche sur le bouton "Code source" et travaillez votre code dans ce superbe éditeur coloré a votre guise.

- Pour faire apparaitre la fenêtre de recherche faites "CTRL+F" et pour faire apparaitre "Remplacer par" cliquez juste sur le petit + situé sous la fenêtre "Rechercher" qui c'est ouverte, pour le reste vous connaissez.

- Une fois votre travail terminé cliquez sur "Enregistrer" (pas la peine de fermer si vous voulez continuer votre travail en cours) puis avec Switch Editor choisissez si vous le souhaitez votre Éditeur favoris pour travailler comme vous en avez l'habitude, pour revenir à Jodit, enregistrez votre travail systématiquement avant.

- N’oubliez pas de rafraichir a chaque fois votre navigateur après chaque sélection d'éditeur dans Switch Editor sinon ça ne changera pas.

Voilà, je ne suis pas fan de Word dans les sites web, mais bon force est de constater qu'un max de gens font des copier/coller depuis Word, alors quitte a vouloir intégrer ça, je vous propose cette solution si vous n'avez pas JCE Pro, qui a mon sens est un des leader pour Joomla!

Amicalement.

[lomart]

Bonjour et merci pour le partage,

Chez moi sur un 3.8.10, la version 3.1.10 de Jodit ne fonctionne pas. J'ai ce message d'erreur

Fatal error: require_once(): Failed opening required 'D:\UwAmp\www\up.lomart-dev\administrator/components/com_jodit/helpers/jodit.php' (include_path='.;C:\php\pear') in D:\UwAmp\www\up.lomart-dev\administrator\components\com_jodit\jodit.php on line 24

Le fichier requis n'existe pas dans mon install ni dans le zip original

Chez toi, pas de souci ?

[felichon]

Salut Iomart,

Non aucun soucis, je l'ai instalé en local et en distant, en plus avant hier pour le distant en production.

As tu bien téléchargé la version depuis ? https://extensions.joomla.org/extension/jodit-editor/

Note je suis en Joomla!3.8

Je vais refaire le test en local immédiatement, je l'ai installé en PHP5.6 je vais refaire le test en PHP7.2 pour voir et je te répond

[felichon]

Ca fonctionne aussi bien en PHP7 que PHP5.6

Installé à l'instant même en local sur Wamp :

[felichon]

Tu trouvera (peut-être) une solution sur le github de l'extension officiel https://github.com/jodit/jodit-joomla

Si je trouve je te fais signe

[felichon]

Ok, essaye cette version elle est plus récente que celle du JED, clic juste sur "Clone or Download" (bouton vert a droite) et choisi Download Zip

Le lien direct : https://github.com/jodit/jodit-joomla

Je viens de l'installer ça fonctionne sans soucis.

Amicalement.

[lomart]

Je n'ai pas été assez précis. L'éditeur fonctionne, c'est la configuration qui plante. Dès l'appel du menu Composants > Jodit Editor > Jodit Editor et lors de la sortie du menu Composants > Jodit Editor > Configutation
Il cherche un fichier qui n'existe pas. J'ai déjà fouillé dans le github, mais c'est les mêmes fichiers. Ce fichier https://github.com/jodit/jodit-jooml...odit/jodit.php cherche en ligne 24 un fichier qui n'existe pas.
Cela ne m'empêche pas de tester

[felichon]

Ah ok, on c'est effectivement mal compris.

Oui effectivement j'ai également ce soucis, mais n'est-ce pas volontaire des auteurs du composant ?

C'est pas gênant en soit pour travailler, mais j'ai remarqué qu'il y avais une version payante, comme c'est la version gratuite peut-être que c'est volontaire, je ne saurai dire, je ne me suis pas penché sur la question, si t'a une solution ou un début de réponse je suis preneur.

mais bon, l'important est que l'éditeur lui fonctionne.

Amicalement.

[lomart]

Oui effectivement j'ai également ce soucis, mais n'est-ce pas volontaire des auteurs du composant ?

Si c'est le cas, la démarche n'est pas optimale pour convertir les futurs clients. Perso, j'abandonne !

Les images ne fonctionnent pas non plus :-(

[felichon]

Effectivement, ci c'est volontairement bridé c'est un peu ballot et non judicieux comme choix et ne donne pas envie d'acheter,.

Perso, je pencherai plutôt pour un bug en ce qui concerne les réglage quand on clic sur composant.

J'ai vue sur le git qu'il proposait la version code source indépendamment de Joomla! peut-être est-ce juste le fait qu'il ne l'ont pas complétement intégré à Joomla! je sais pas trop.

En revanche pour ce qui est de l'usage que j'en ai décrit, a savoir coller du word et avoir un code source coloré ça fonctionne très bien et gratuitement.