SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 93 visiteurs en ce moment

Accueil > Rédaction > Assistants de rédaction > Archives Assistants de rédaction > Editeurs WYSIWYG avant SPIP 1.9 > VarianteContribUtiliser-l-editeur-WYSIWYG

VarianteContribUtiliser-l-editeur-WYSIWYG

12 novembre 2006

2 votes

Ceci est une ARCHIVE, peut-être périmée. Vérifiez bien les compatibilités !

Utilisation de l’éditeur Xinha pour le champ texte de l’article

[Erreur...3]Il s’agit de la procédure générale et tout n’est pas traité ici :
-  problème du texte scindé (personnellement j’ai juste augmenté la taille limite)
-  problème de déplacement des zones de saisie lorque l’on utilise l’éditeur avec Mozilla uniquement (si quelqu’un à une idée pour résoudre cela*)
-  je désactive aussi les raccourcis spip pour le texte (dans le squelette et dans la partie privée)

[Erreur...5]Ce rajout fixe la largeur de façon contraignante et évite le déplacement de la zone de saisie, car sinon le cadre principal (< div class="cadre-formulaire" > dans la page générée) voit sa largeur augmenter à chaque clic.}

  .cadre-formulaire {
/*  border: 1px solid <?php echo $couleur_foncee; ?>;
   background-color: #dddddd;*/
   color: #444444;
   font-family: verdana, arial, helvetica, sans;
   font-size: 11px;
   width: 640px
}

[Erreur...8]Copier le code qui suit dans le fichier my_config.js dans le repertoire xinha :

xinha_editors = null;
xinha_init    = null;
xinha_config  = null;
xinha_plugins = null;

[Erreur...11]      xinha_plugins = xinha_plugins ? xinha_plugins :
     [
              '[->CharacterMap]',
              '[->ContextMenu]',
              '[->[->SuperClean]]'
       ];
            // THIS BIT OF JAVASCRIPT LOADS THE PLUGINS, NO TOUCHING  :)
            if(!HTMLArea.loadPlugins(xinha_plugins, xinha_init)) return;

     /** STEP 2 ***************************************************************
      * Now, what are the names of the textareas you will be turning into
      * editors?
      ************************************************************************/

     xinha_editors = xinha_editors ? xinha_editors :
     [
       'text_area'
   
     ];

     /** STEP 3 ***************************************************************
      * We create a default configuration to be used by all the editors.
      * If you wish to configure some of the editors differently this will be
      * done in step 5.
      *
      * If you want to modify the default config you might do something like this.
      *
      *   xinha_config = new HTMLArea.Config();
      *   xinha_config.width  = '640px';
      *   xinha_config.height = '420px';
      *
      *************************************************************************/
       

      xinha_config = xinha_config ? xinha_config() : new HTMLArea.Config();

xinha_config.width  = '640px';
xinha_config.height = '420px';


[Erreur...18][Erreur...19]    xinha_editors   = HTMLArea.makeEditors(xinha_editors, xinha_config, xinha_plugins);

     /** STEP 5 ***************************************************************
      * If you want to change the configuration variables of any of the
      * editors,  this is the place to do that, for example you might want to
      * change the width and height of one of the editors, like this...
      *
      *   xinha_editors.myTextArea.config.width  = '640px';
      *   xinha_editors.myTextArea.config.height = '480px';
      *
      ************************************************************************/



     /** STEP 6 ***************************************************************
      * Finally we "start" the editors, this turns the textareas into
      * Xinha editors.
      ************************************************************************/

     HTMLArea.startEditors(xinha_editors);
   }

   window.onload = xinha_init;

[Erreur...25][Erreur...26]

// Modifications pour utilisation xinharea

        //echo "<br>"._T('texte_enrichir_mise_a_jour');
        //echo aide("raccourcis");
        //echo $textes_supplement;
        //echo "<BR>";
        //echo afficher_barre('document.formulaire.texte');
        //echo "<TEXTAREA id='text_area' NAME='texte' ".$GLOBALS['browser_caret']." CLASS='formo' ROWS='$rows' COLS='40' wrap=soft>";
        //echo $texte;
        //echo "</TEXTAREA>n";

[Erreur...30][Erreur...31]// Fin des modifications

echo "<TEXTAREA id='text_area' NAME='texte' ".$GLOBALS['browser_caret']." CLASS='formo' ROWS='$rows' COLS='40' wrap=soft>";
echo $texte;
echo "</TEXTAREA>n";

Complément : un répertoire image pour chaque rédacteur

[Erreur...35]Ces modifications impliquent de rajouter une variable de session dans « ecrire/article_edit.php3 » et dans « /xinha/plugins/[->[->[->[->[->[-&gt...]]]]]]/config.inc.php » et de rajouter un peu de code... :

  • dans le repertoire principal du spip :
    • Créer un répertoire « [->[->UserFiles]] » (ou tout autre nom) pour le répertoire images des utilisateurs
    • Autoriser ce répertoire en écriture (sous Linux : chmod 0777)
  • dans « ecrire/article_edit.php3 » :
    • ajouter à la ligne 2 (après " <?php") : <span class="base64" title="PGNvZGUgY2xhc3M9J3NwaXBfY29kZScgZGlyPSdsdHInPnNlc3Npb25fc3RhcnQoKTs8L2NvZGU+"></span>
      -** ajouter avant les modifications précédemment citées {(ligne 500 environ)} : <div class="base64" title="PGRpdiBzdHlsZT0ndGV4dC1hbGlnbjogbGVmdDsnIGNsYXNzPSdzcGlwX2NvZGUnIGRpcj0nbHRyJz48Y29kZT4kX1NFU1NJT05bJ2lkX2F1dGV1ciddID0gJGNvbm5lY3RfaWRfYXV0ZXVyOyZuYnNwOyAmbmJzcDsgJm5ic3A7ICZuYnNwOyA8YnIgLz4NCiRfU0VTU0lPTlsnc3RhdHV0X2F1dGV1ciddID0gJGNvbm5lY3Rfc3RhdHV0OzwvY29kZT48L2Rpdj4="></div>

      [Erreur...39][Erreur...40]$pos_xinha_dir = strpos($_SERVER['SCRIPT_FILENAME'],'xinha');
      $xinha_dir = substr($_SERVER['SCRIPT_FILENAME'],0, $pos_xinha_dir).'[->[->[->UserFiles]]]/';

      if ($statut_auteur == "0minirezo")    $IMConfig['images_dir'] = $xinha_dir ;
      else $IMConfig['images_dir'] = $xinha_dir."/".$id_auteur ;

      if (!is_dir($IMConfig['images_dir'])) mkdir($IMConfig['images_dir'], 0777 ) ;

      [Erreur...44][Erreur...45]$pos_xinha_url = strpos($_SERVER['REQUEST_URI'],'xinha');
      $xinha_url = substr($_SERVER['REQUEST_URI'],0, $pos_xinha_url).'[->[->[->UserFiles]]]/';

      if ($statut_auteur == "0minirezo") $IMConfig['images_url'] = $xinha_url ;
      else $IMConfig['images_url'] = $xinha_url."/".$id_auteur ;

      // -------------------------------------------------------------------------
      </code>

      ----

      {patch pour autoriser la création de répertoire avec [->[->[->[->[->[->[->ImageManager]]]]]]] :}
      -* {{dans "/xinha/plugins/[->[->[->[->[->[->[->ImageManager]]]]]]]/newFolder.html"}} (la création de répertoire est actuellement impossible suite à une modification de la strucuture de [->[->[->[->[->[->[->ImageManager]]]]]]] - les boutons du popup sont inactifs - et le patch n'est pas dans la distribution de xinha) :
      -** ajouter ligne 18 : <span class="base64" title="PGNvZGUgY2xhc3M9J3NwaXBfY29kZScgZGlyPSdsdHInPiZsdDtzY3JpcHQgdHlwZT0mcXVvdDt0ZXh0L2phdmFzY3JpcHQmcXVvdDsgc3JjPSZxdW90Oy4uLy4uL3BvcHVwcy9wb3B1cC5qcyZxdW90OyZndDsmbHQ7L3NjcmlwdCZndDs8L2NvZGU+"></span>

      {GD et IM :}
      -* par défaut, [->[->[->[->[->[->[->ImageManager]]]]]]] est paramètré avec la librairie GD, qui fonctionne toujours, mais n'est pas très performante. Il vaut mieux lui préférer [->ImageMagick] qui autorise bien plus de transformations et de manipulations d'images (retailler, pivoter...). Il faut cependant penser à bien indiquer le chemin ou Apache pourra y accéder...

Dernière modification de cette page le 9 octobre 2007

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Albums 3

    8 août 2014 – 288 commentaires

    Le plugin « Albums » évolue dans une version 3 pour SPIP 3. Avant d’effectuer une mise à jour depuis la version 1 ou 2, consultez les notes sur la rétro-compatibilité. Les modèles, notamment, on reçut quelques changements pour la bonne cause. En (...)

  • Module de Paiement Stripe

    17 octobre 2016 – 14 commentaires

    Stripe est un prestataire de paiement externe https://stripe.com/fr qui propose une API moderne et une interface de paiement extrêmement conviviale et efficace. Ce module permet les paiements à l’acte et les paiement récurrents. Configuration (...)

  • Massicot

    7 octobre 2015 – 81 commentaires

    Recadrez et redimensionnez vos images directement dans l’espace privé de SPIP ! Inspiré par le plugin photospip, ce plugin plus minimaliste permet de recadrer et redimensionner les images dans l’espace privé de SPIP. Une fois le plugin installé et (...)

  • Éditorial (HTML5UP)

    27 novembre 2017 – 108 commentaires

    Squelette SPIP pour intégrer le modèle Editorial de HTML5UP https://html5up.net/editorial Configuration La page de configuration permet quelques réglages. On y défini la couleur principale du site, des informations de contact et le contenu de la (...)

  • Docker importe vos documents distants

    25 février 2013 – commentaires

    Un plugin qui permet de recopier localement dans le dossier IMG l’ensemble de vos documents distants. SPIP a un mode de documents qui permet d’indexer dans la base des documents en les laissant sur internet. On peut recopier individuellement (...)