Magento connect extension Fontis WYSIWYG Editor

octobre 29, 2009 7 Commentaires

Dans ce tutoriel nous allons voir comment installer et configurer l’extension Fontis WYSIWYG Editor, bien pratique pour mettre en forme les textes du back office ou encore la partie contenu des pages CMS par exemple. La version 1.4 de magento aura un éditeur intégré par défaut.

Intaller connect Fontis WYSIWYG Editor

Je ne vais pas revenir sur l’installation d’une extension magento, un tutoriel lui est consacré => installer une extension magento connect, suivez la procédure d’installation, voici le lien de l’extension : Fontis WYSIWYG Editor

Configurer Fontis WYSIWYG Editor

Une fois installée l’extension ajoute un onglet de configuration dans admin => systeme => configuration => Fontis Extensions => Fontis Extensions. Vous avez le choix entre trois éditeurs.

tinyMCE

Par défaut, offre le minimum d’éléments, c’est souvent suffisant.

Fontis WYSIWYG Editor tinyMCE

fontis WISIWIG tinyMCE

FCKeditor

Un nombre important d’options, insérer du flash, orthographe , source….

Fontis WYSIWYG Editor : FCKeditor

Fontis WYSIWYG Editor : FCKeditor

ckEditor

Le même que FCeditor avec une présentation plus design

Fontis WYSYWIG editor :ckEditor

Fontis WYSYWIG editor :ckEditor

Vous pouvez configurer les éditeurs, ajouter des éléments, changer les skins, etc. Les paramètres les plus importants de la configuration de Fontis WYSIWYG Editor sont les paramètres généraux, ils définissent le champ d’application de l’éditeur.

Ajouter un champ texte

Par défaut l’éditeur s’appliquera aux champs contenus dans « Editable Areas ». Vous pouvez en rajouter grâce à Textarea CSS ID = > add textarea CSS ID. Pour cela il vous faut l’id du champ texte. Par exemple dans admin => vente => commande il y a un champ texte « Ajouter des commentaires de commande ». Récupérez son id avec firebug puis renseignez-la dans le champ => Textarea CSS ID. L’éditeur s’appliquera sur ce champ.

id-champs-texte

Récupération de l'id d'un champ texte avec firebug

Paramètre de configuration de Fontis WYSIWYG Editor

Configuration de WYSIWIG editor parametre generaux

Configuration de WYSIWIG éditor paramètres généraux

Extensions
7 commentaires : “Magento connect extension Fontis WYSIWYG Editor”
  1. Fred dit :

    Bonjour,
    Tout d’abords félicitions pour l’immense travail que tu réalises ici avec des articles d’une très grande qualité .. bravo !
    Je débute et cela m’a vraiment vraiment beaucoup aidé.
    Alors je venais ici pour signaler une erreur de lien derrière « Fontis WYSIWYG Editor »

    Bonne continuation.
    Fred

  2. cédric rousset dit :

    Bonjour,
    Merci pour les encouragements :)
    Et merci pour le lien en effet il n’était pas bon je l’ai corrigé. Tu as bien fait il faut surtout pas hésiter.
    Content que le blog t’aide, bon courage et bonne route avec magento.

  3. Fred dit :

    Mais de rien !

    Un petit plus : après l’installation de Fontis WYSIWYG Editor, je me suis vu le message suivant « Access denied » lorsque je voulais allez voir la configuration dans admin => systeme => configuration => Fontis Extensions => Fontis Extensions

    Dans ce cas, il faut se délogguer de l’admin et revenir …

  4. cédric rousset dit :

    Oui certaine extension génère ce message Acces denied il faut effectivement se delogguer et se reconnecter ou des fois supprimer le cache.
    Fontis Wysiwyg editor est intégré dans la version 1.40, on aura plus à l’ajouter :)

  5. Lod dit :

    Bonjour,
    Merci pour cet article !

    Tout d’abord concernant ckeditor j’ai rencontré quelques difficultés donc pour ceux que ça intéresse :

    -le bouton « explorer le serveur » n’apparait pas. Il faut télécharger ckfinder et l’installer dans le même dossier que ckeditor « js/fontis/ckfinder »

    -Ajouter dans le fichier > js/fontis/ckeditor/config.js

    CKEDITOR.editorConfig = function( config )
    {
        // added code for ckfinder ------>
        config.filebrowserBrowseUrl = '/magento/js/fontis/ckfinder/ckfinder.html';
        config.filebrowserImageBrowseUrl = '/magento/js/fontis/ckfinder/ckfinder.html?Type=Images';
        config.filebrowserFlashBrowseUrl = '/magento/js/fontis/ckfinder/ckfinder.html?Type=Flash';
        config.filebrowserUploadUrl = '/magento/js/fontis/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files';
        config.filebrowserImageUploadUrl = '/magento/js/fontis/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images';
        config.filebrowserFlashUploadUrl = '/magento/js/fontis/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash';
        // end: code for ckfinder ------>
     
    }; 
     
    -Modifier le fichier > js/fontis/ckfinder/config.php:
     
    $baseUrl = '/magento/media/uploads/'; 
     
    function CheckAuthentication()
    {	return true;		
    }

    J’ai deux questions pour ceux qui peuvent aider :

    -On a un pb de doublon, ckeditor et l’éditeur par défaut apparaissent en même temps. J’ai désactivé l’éditeur dans l’administration de magento :

    > systeme > configuration > general > content management
    Enable WYSIWYG editor : disabled by default

    On peut aussi choisir « disabled completely » donc lequel choisir ? Même si ça fonctionne j’ai l’impression d’avoir casser un lien entre magento et l’éditeur… y a t il autre chose à faire ?

    -comment récupérer la session de magento pour sécuriser la fonction CheckAuthentication() ?

    Voilà j’espère que ça aidera et que ça ouvrira la discussion car difficile de trouver un tuto. En plus d’être plus design que son prédécesseur, ckeditor est plus léger. C’est du super taff en tout cas, par rapport à tinymce c’est la fête d’intégrer du flash !

    merci
    Elodie

  6. cédric rousset dit :

    Merci pour ton retour,
    Pour tes questions aucune idée je me suis jamais penché sur le code wysiwyg, j’avoue ne pas beaucoup l’utiliser. sur http://huiles-et-nautre.fr je l’ai disabled completely ( il n’est plus du tous présent dans le back office de magento).

    disabled by default je ne sais pas, surement que ça le désactive dans les page CMS par exemple et qu’il reste un bouton pour l’ouvrir.

  7. Skeuds dit :

    Salut Lod,

    Afin de sécuriser l’upload, tu peux récupérer la session de l’admin de la manière suivante.

    Modifier le fichier js/fontis/ckfinder/config.php :

    Ajouter en début de fichier :

    require('/chemin_vers_magento/app/Mage.php');
     
    umask(0);
    // Initialize Magento
    Mage::app();
     
    puis dans la fonction CheckAuthentication : 
     
    function CheckAuthentication()
    {
    	Mage::getSingleton('core/session', array('name' => 'adminhtml'));
    	return Mage::getSingleton('admin/session')->isLoggedIn();
    }

    Tu récupère comme ca la session de l’admin et tu n’autorise l’upload que si l’admin est loggé.

Poster un commentaire

(obligatoire)

(obligatoire)