Episode 7 - Installer un éditeur WYSIWYG dans Drupal 7

Portrait de DrupalFacile
Soumis par DrupalFacile le mer, 13/10/2010 - 15:13

Appréhendez les formats de texte dans Drupal 7 et découvrez comment installer un éditeur WYSIWYG au moyen du module Wysiwig et de l'éditeur de texte riche CKEditor.

Niveau: 
Débutant

Tags:

Partager

Commentaires

Portrait de liaz

liaz

mar, 30/11/2010 - 14:54

je ne suis pas sûre de moi mais il me semble que tel quel on ne peut pas faire de lien interne relatif sans installer le module CKEditor Link qui lui a priori le permet (PrintScreen)

Portrait de DrupalFacile

DrupalFacile

mer, 01/12/2010 - 10:55

Oui, tu as raison. Néanmoins, on peut comme toujours se demander la pertinence de surcharger CKEditor avec un autre module ou une nouvelle librairie alors qu'on peut très bien lier manuellement à un contenu. Pis dans le cas où des milliers de noeuds existent, on passe pas mal de temps à chercher son lien interne.

Exemple : http://www.monsite.com/mon-article1

Si je veux lier mon-article1 sur une phrase présente dans ma-page, je peux très bien juste créer un nouveau lien avec /mon-article1 comme URL

www.drupalfacile.org
Apprenez Drupal en vidéo et en français

Portrait de liaz

liaz

mer, 08/12/2010 - 17:25

pas de réponse absolue c'est comme tout y a des cas où ça sert à rien, et puis y a des cas où ça sert ;)
Ce qui est pas mal c'est que tu peux faire le tri sur les content types que tu veux pouvoir ou non linker, ce qui évite éventuellement d'avoir un million de nodes listés dans le menu déroulant de choix du lien.

Portrait de David Latapie

David Latapie

dim, 26/12/2010 - 15:15

Là encore, il vaudrait mieux, comme WordPress, intégrer un éditeur par défaut, quitte à ce que les rares personnes qui n'en veulent pas le désactivent. J'ignore s'il est complexe de cacher automatiquement dans la barre d'outils les boutons correspondant à des options de formattage interdites par le format d'entrée en cours (par exemple, cacher automatiquement h2 dans HTML filtré).

J'en parle plus avant sur :

  • Please abandon CKEditor - WYSIWYG HTML editor module (sur la nécessité de fusionner)
  • WYSIWIG.module, CKEditor.module or BUEditor.module (sur comment choisir entre BUEditor.module, CKEditor.module et WYSIWYG.module)
  • A proper comparison (sur des raisons sérieuses pour lesquelles CKEditor avec WYSISYG.module est le mieux).

D'une manière plus large, voir aussi Similar module review (sur la nécessité d'arrêter de réinventer la roue).

Il en va de la visibilité de Drupal. Les guerres de clans ne profitent qu'à la concurrence.

http://david.latapie.name/perso/

Portrait de David Latapie

David Latapie

dim, 26/12/2010 - 15:59

Certaines balises HTML ne sont pas disponibles dans CKEditor. Ainsi, , , et (à ne pas confondre avec strike-strough!) ne sont pas disponibles.

Là est l'un des intérêts du mode source (l'autre étant de s'assurer que le code produit n'est pas un gros truc affreux) : pouvoir ajouter ces balises quand on en a besoin.

L'autre point que je veux aborder ici est celui de l'utilisation de CKEditor dans les commentaires (en effet, pourquoi interdire aux commentateurs une si belle interface ?). En effet, ça donne un résultat presque inutilisable : fond noir et textes des boutons qui disparaissent, que je choisisse français ou anglais).

http://david.latapie.name/perso/

Portrait de Jean-Luc

Jean-Luc (non vérifié)

dim, 02/01/2011 - 00:36

Deux étapes (et non une) pour télécharger CKeditor : le module Drupal + l'éditeur lui-même !

Merci pour cet excellent tutoriel et toutes ces précieuses informations (je découvre Drupal avec cette version 7).

Etant novice ne la matière, il m'a fallu un peu de temps pour comprendre que je devais à la fois
- télécharger le module : http://ftp.drupal.org/files/projects/ckeditor-7.x-1.x-dev.zip
- et télécharger l'éditeur lui-même (le fameux ckeditor.js que je cherchait désespérément) ici : http://ckeditor.com/download

Cela fera peut-être gagner du temps au novice suivant qui passerait par là.
C'est toujours le problème : des trucs tout simple qui peuvent sembler évident à l'un, ne le sont pas pour un autre qui utilise Drupal pour la première fois.

NB : Comme j'ai également beaucoup ramé pour installer Drupal 7 chez mon hébergeur OVH (avec zéro connaissance préalable et en m'étant d'abord essayé à une installation locale avec Wamp mais ayant échoué à pouvoir faire l'upload chez mon hébergeur) et que j'imagine que ça doit être le cas pour bcp d'autres novices en la matière, ce serait sans doute intéressant à l'occasion, de créer une leçon... zéro. Du style "Installer Drupal 7 chez votre hébergeur en 7 étapes". Juste une suggestion. En tous cas, merci encore pour cet excellent site.

Portrait de David Latapie

David Latapie

jeu, 10/02/2011 - 00:56

Tu as très bien résumé un des fléaux qui hantent Drupal depuis trop longtemps : l'accumulation de petits détails qui découragent. Même si Drupal 7 a pas mal amélioré les choses, il reste encore du travail pour D8UX (pas encore lancé, ils en sont encore à D7UX).

http://david.latapie.name/perso/

Portrait de LinkingRH

LinkingRH

ven, 03/06/2011 - 13:40

J'ai quelques soucis avec OVH (pas ou très peu d'aide pour Drupal et l'installation sur un serveur mutualisé). Je suis novice et je n'arrive pas à installer CKeditor. Comment as tu fait ?

Portrait de orange23

orange23 (non vérifié)

jeu, 13/01/2011 - 15:02

Bonjour,

Je vais régulièrement sur votre site que je trouve très intéressant pour apprendre Drupal 7. En suivant le tutoriel vidéo, l'installation des deux modules WYSIWYG + CHKEditor ne pause pas de difficulté, cependant lorsque l'on passe à la pratique dans l'éditeur on ne trouve pas de bouton Upload pour appeler une image. Pourriez-vous nous donner des informations sur ce point. Merci d'avance

Portrait de DrupalFacile

DrupalFacile

ven, 14/01/2011 - 09:14

Revenez aujourd'hui sur la page d'accueil, je vais justement vous montrer comment faire dans un nouveau tutoriel vidéo cool

www.drupalfacile.org
Apprenez Drupal en vidéo et en français

Portrait de alexandre gaubert

alexandre gaubert (non vérifié)

lun, 28/03/2011 - 09:09

Bonjour,
J'aimerai avoir un éclaircissement sur l installation de CKeditor,
J'ai bien téléchargé le module et installé. J'ai aussi téléchargé l'editeur mais je ne sais pas quoi en faire.

Si quelqu'un peut m'aider, merci d'avance.

Portrait de DrupalFacile

DrupalFacile

lun, 28/03/2011 - 22:30

Bonjour,

Dans la vidéo, vous voyez le moment où il faut mettre CKEditor dans le dossier sites/all/libraries ? Avez-vous fait cette opération ?

Aurélien

www.drupalfacile.org
Apprenez Drupal en vidéo et en français

Portrait de alexandre gaubert

alexandre gaubert (non vérifié)

mar, 29/03/2011 - 15:15

Bonjour,
Oui, j'ai mis le dossier du module dans sites/all/module comme indiqué.
Il est bien détecté dans le panneau d'administration de drupal mais je ne peut pas le configurer, et j'ai lu dans un post plus haut qu'il fallait également télécharger l'éditeur mais je ne sais pas ou le mettre.

Merci

Portrait de DrupalFacile

DrupalFacile

mar, 29/03/2011 - 15:37

Bonjour,

Oui c'est justement ce que je vous disais. Si le module est bien à déposer dans sites/all/modules, l'éditeur est quant à lui à mettre dans sites/all/libraries, d'où la confusion. Regardez de nouveau la vidéo pour voir cela en action.

Aurélien

www.drupalfacile.org
Apprenez Drupal en vidéo et en français

Portrait de alexandre

alexandre (non vérifié)

mar, 29/03/2011 - 22:32

Bonsoir,
Merci de votre aide,
sa fonctionne mieux maintenant :)

Portrait de nadjib

nadjib (non vérifié)

dim, 08/05/2011 - 23:10

Bonsoir

Merci pour ce tuto

J'ai une question, je ne trouve pas le bouton Upload pour chercher une photo, il faut faire des manipulations pour cela?

un tuto un peu compliqué

http://www.youtube.com/watch?v=Bzg26YJi2W8

Portrait de philippe

philippe (non vérifié)

ven, 13/05/2011 - 20:03

L'editeur une fois copier dans le dossier "libraries", dans la config de WYSIWYG il apparait le message d'erreur suivant :

La version de CKEditor ne peut pas être détectée.

bizarre je ne comprends pas pourquoi.... de plus je suis en local

merci de vos lumières

Portrait de iMIckey

iMIckey (non vérifié)

mar, 17/05/2011 - 15:05

Salut, même souci pour moi et pourtant je tiens compte du commentaire du mar, 29/03/2011 - 15:37
Note que dans all/modules/ckeditor il y à un sub-folder ckeditor ou ils mentionnent qu'on peux soit installer le programme dans ce folder ou dans le path indiqué par Drupal 7 : sites/all/libraries.
J'ai essayé les deux: rien n'y fait: une idée? Merci en avance et super ces podcast!

Portrait de Abkarus

Abkarus (non vérifié)

mer, 18/05/2011 - 14:42

hello,

j'ai eu le même pb, je pense que ça vient de la dernière release de Ckeditor (3.6)
J'ai téléchargé la 3.5.3 et ça marche

++

Portrait de Dominique

Dominique (non vérifié)

dim, 22/05/2011 - 20:46

Je suis en local, avec EasyPhp 5.3.5.0, sous windows.
J'ai le même problème. J'ai tenu compte des précisions données plus haut, sans résultat. J'ai essayé la version 3.5.3, sans succès.
Je me pose une question (de débutant) : pour créer le dossier Libraries, je dois juste aller dans mon arborescence sous Windows puis "Créer un nouveau dossier" ? Ce n'est pas au travers de Drupal que je dois créer ce dossier ?
Sinon, ces tutos sont vraiment très bien faits. Félicitations !
Merci pour votre aide.

Portrait de Orewan

Orewan (non vérifié)

sam, 21/05/2011 - 11:42

Problême avec l'installation du 3.6,
Apparemment c'est le module Wysiwyg qui ne détecte pas la version 3.6 mais les versions précédente.
J'ai trouvé ce lien qui traite du problême pour tiymce :
http://drupalfr.org/forum/support/support-general/21422-installation-de-...

Perso, je passe par l'installation de ckeditor sans Wysiwyg. Sinon prendre la version 3.5.3.

Portrait de thesourceofsound

thesourceofsound (non vérifié)

jeu, 26/05/2011 - 19:56

Même problème que Philippe avec ckeditor 3.6, avec également le message :
"La version de CKEditor ne peut pas être détectée."

J'ai désinstallé la 3.6 et installé la 3.5.3, et maintenant le message ne s'affiche plus. J'ai pu configurer les profils Wysiwyg pour être utilisés avec CKeditor. Je suis en local avec easyphp 5.2.10

Mais j'ai toujours un autre problème depuis plusieurs jours (que je pensais arriver à résoudre en installant une version antérieure à 3.6) :
Les barres d'outils ne s'affichent pas, ni le champ texte.

Portrait de Celine

Celine (non vérifié)

dim, 29/05/2011 - 11:57

Effectivement, a l'installation, ni la version 3.6, ni la 3.5.4 ne sont detectées par wysiwyg...

D'autre part, contrairement à ce qui semblait être dit, ce n'est donc pas la peine d'installer le "module" ckeditor ?

Merci de votre site et de votre aide !
Une grande débutante.

Portrait de Abel

Abel (non vérifié)

mer, 15/06/2011 - 11:39

Bonjour à tous.
Merci pour toutes ces vidéos et bravo.
Pour CKeditor et WysiWyg voici la solution:
Editer sites/all/modules/wysiwyg/editors/ckeditor.inc
Modifier la ligne 68 en : while ($max_lines && $line = fgets($library, 160)) {
Sauvegarder.(160 au lieu de 140)

Portrait de Philippe

Philippe (non vérifié)

mer, 22/06/2011 - 17:23

Je confirme ça marche. Qu'un a remonté le bug ?

Portrait de blh

blh (non vérifié)

jeu, 18/08/2011 - 04:07

Le seul soucis que j'ai eu avec l'éditeur est la mauvaise orthographe de "libraries": j'avais mis un i après le a.
D'autre part, sachant que la courbe d'apprentissage de Drupal est assez pentue, comparée à celles de Word Press , voire Spip, présenter des modules et autres blocs avant que l'on ait une vision générale de l'ensemble me semble assez curieux. La création d'un site se conçoit d'abord dans une vue globale - sans être pour autant définitive - et au fur et à mesure de l'avancement des travaux, on insère un thème, un menu, un bloc...
Ici, on a commencé par les modules et ensuite par la réécriture des urls...
Ce n'est bien sur que mon avis et je peux parfaitement me tromper.
Il serait souhaitable, je pense, de créer une vidéo montrant un exemple de création avec quelques blocs, de façon à obtenir une vue d'ensemble.
Sinon, ces vidéos sont les bienvenues qui, couplées avec les aides textes doivent permettre d'avancer sans trop de panique.

Portrait de Christophe Gesché

Christophe Gesché (non vérifié)

dim, 21/08/2011 - 18:52

Je découvre drupal (entre autre via ce site) donc je n'ai pas encore creusé moi même.
Donc je pose déjà mes questions mais je vais chercher aussi moi-même les réponses

1° qu'en est-il de la compatibilité inter éditeurs ?
C'est à dire, pol et bob ont chacun un éditeur favori différents et vont éditer un contenu qu'ils se partagent. Sachant que l'un va mettre un <b> l'autre un <strong> ou bien un <span class="bold"> ou ...

Cela reste transparent pour l'utilisateur ?

2° Autre point, C'est bizarre de pouvoir changer de format alors que l'éditeur est déjà affiché.
Est-ce que ca coince ou casse parfois ?

Portrait de Armandine

Armandine (non vérifié)

mer, 25/01/2012 - 22:56

Bonsoir,

J'ai bien suivi le tuto (très bien fait), mais quand je vais sur l'article pour le modifier, l'éditeur ne s'affiche pas.
Pourtant, j'ai bien le fichier ckeditor.js dans mon répertoire.

Accepteriez-vous de me guider svp ?

Merci d'avance

Portrait de Max

Max

ven, 27/01/2012 - 09:33

Merci Jean-Luc !

Pour "Deux étapes (et non une)"

J'ai ramé un moment !

Avec ta précision c'est nickel ! Voila le fameux "ckeditor.js"

Pour Installer Drupal chez OVH, ne pas oublier de remplacer "localhost" par le nom du serveur.

Merci et bonne continuation !

:-)

Portrait de Max

Max

ven, 27/01/2012 - 12:35

Finalement le module CkEditor (1er module en tête de page) sur le site http://ckeditor.com/download) fonctionne tout seul et Nickel avec Wysiwyg.
Il suffit de créer le fichier "sites/all/libraries" et de l'y déposer.

Par contre le module censé être pour Drupal7( sur la même page) ne fonctionne pas !
Idem pour le module CkEditor de drupal.org !

Quelqu'un resoudra-t-il ce mystère ?

:-)

Portrait de Clermont

Clermont (non vérifié)

sam, 28/01/2012 - 21:48

Bomjour,

Merci infiniment pour l'aide avec vos vidéos. Oufffff, Merci...
Voila, j'ai configuré le openWYSIWYG 1.4.7 sur le site que je suis en train de faire et je voudrais le changer pour le WYSIWYG que vous suggérez sur la vidéo. Bien sur sur le paneau de configuration dans rédaction de contenu soit format texte ou Wysiwyg profiles je ne peux pas changer de Wysiwyg et ne peux non plus voir le CKeditor qui est bien dans mon répertoire.

Ma question, est-ce que je peux changer mon éditeur openWYSIWYG 1.4.7 pour WYSIWYG et comment ?

Merci de votre réponse.
Grand débutant qui aime ça !!!
Clermont.

Portrait de pierre74

pierre74 (non vérifié)

jeu, 29/03/2012 - 14:17

perso l'installation s'est bien passé :
wysiwyg 7.x-2.1
et
CKEditor 3.6.2-3

mais aucun wiziwig s'affiche dans l'editeur de texte..
je vais tester avec d'autres versions..

Portrait de pierre74

pierre74 (non vérifié)

jeu, 29/03/2012 - 17:45

j'avais juste simplement oublié de cocher les cases de configuration des boutons à afficher dans le wiziwig.. quel crétin ;)

Portrait de Davd

Davd (non vérifié)

lun, 11/06/2012 - 18:15

Bonjour,

J'ai suivi avec attention la vidéo du site et j'ai installé le module WYZIWYG et le module ckeditor.
Quand je vais dans "Configuration" et que je clique sur "Wysiwyg profiles", j'arrive
à configurer comme dans la vidéo mais lorsque je clique sur "CKeditor", j'arrive sur une page d'erreur
qui m'indique
"Fatal error: require_once() [function.require]: Failed opening required '/homez.91/monsite/www/sec
/sites/all/modules/ckeditor/includes/ckeditor.admin.inc' (include_path='.:/usr/local/lib/php') in
/homez.91/monsite/www/sec/includes/menu.inc on line 514"

Quelqu'un sait m'aider ??

Merci :-)

Portrait de OUAA

OUAA (non vérifié)

jeu, 21/06/2012 - 23:08

je ne sais pas comment ajouter des themes que j'ai déja sur drupal 7
merci d'avantage pour votre aide

Portrait de rownz

rownz (non vérifié)

mer, 25/07/2012 - 15:04

Bonjour,

Je suis débutant sur Drupal et j'ai suivi votre super tutoriel qui m'a permis d'installer ce module. merci

cependant j'ai une question, j'aimerai proposer à mes visiteurs de pouvoir uploader des fichiers à partir de l'éditeur. cela est il possible ? Merci d'avance pour la réponse

Ajouter un commentaire