WPMU Plugin:Miwa Editor Mu

Un article de Wiki.

Jump to: navigation, search

Ce plugin pour WordPress MU et WordPress 2.1 permet de compléter les fonctions/boutons de l'éditeur par défaut, tinyMCE.

N'hésitez pas à compléter les sections de cette page (installations réussies / ratées, problèmes, etc...), cela aidera à améliorer les futures versions et à débugger les problèmes existants!

Sommaire

[modifier] Présentation

Ce package charge presque tous les plugins disponibles pour tinyMCE. Une fois le plugin activé, vous avez:

  1. un long temps de chargement dans les pages d'écriture! (il vaut mieux avoir une bonne connexion ADSL)
  2. un éditeur avec 4 rangées de boutons: 2 sont visibles et 2 sont cachées
    1. La première rangée de bouton est pour les utilisateurs 'débutants'
    2. La deuxième rangée de bouton est pour les utilisateurs 'confirmés'
    3. En appuyant, sur le dernier bouton de la 2ème rangée, vous faites apparaître la 3ème et 4ème rangée de boutons, pour les 'experts'


Une fois le plugin activé:

Image:Miwaeditormu_2.jpg

La barre d'outils complète:

Image:Miwaeditormu_4.jpg

[modifier] Téléchargement

Le package .zip est accessible ici: http://microwa.com/doc/2007/01/miwa-editor-mu.zip (version alpha)

Version CheckPoint 11FEB07: http://microwa.com/doc/2007/02/miwa-editor-mu.tar.gz

Modifs:

  1. Correction de bug: Ajout du fichier manquant blank.htm, ce qui provoquait des erreurs sous IE7
  2. Ergonomie: Modif de la configuration des boutons et du path
  3. Performance: Suppression dans la config par défaut de certains plugins rarement utilisés, le temps de chargement devrait être un peu moins long

[modifier] Mode d'emploi

  1. Installer le plugin dans le dossier wp-content/plugins/miwa-editor-mu
  2. Activer le plugin dans le panneau d'administration des plugins

C'est tout!

Quand vous retournez dans l'écran 'Ecrire un article', vous devez avoir 2+2 rangées de boutons pour votre éditeur.

[modifier] Traductions

La plupart des textes sont disponibles en français.

Mais tous les plugins ne sont pas encore traduits en français.

Pour traduire, il suffit de changer les textes dans les fichiers fr.js.

Si vous traduisez un fichier fr.js, ajoutez un lien dans cette section et j'intégrerai votre traduction dans les prochaines livraisons.

Par ex:

http://one.sambazen.net/wp-content/plugins/miwa-editor-mu/js/tinymce/plugins/wordpress/langs/fr.js

[modifier] En cas de problème d'installation

Si vous n'avez plus d'éditeur, alors il faut vérifier chaque étape pour voir où ça coince:

1) commencer par vider le cache de votre navigateur et rechargez le panneau admin 'Ecrire un article'.

2) Si il n'y a toujours rien, il faut vérifier chaque étape...

2a) Tout d'abord, vérifiez si vous avez l'option 'utiliser l'éditeur visuel pour écrire' de coché.

=> Aller vérifier dans le panneau 'Utilisateurs'>'Votre Profil'.

Revenez dans la page 'Ecrire un article'.

Si vous n'avez toujours pas de barre d'outils, regardez le source HTML de la page 'Ecrire un article':

2b) le header doit contenir le code javascript pour charger le nouveau éditeur. un truc comme ça... (remplacer one.sambazen.net par votre installation WP ou WPmu) 

<script type='text/javascript' src='http://one.sambazen.net/wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_gzip.php?ver=209'></script>
<script type='text/javascript' src='http://one.sambazen.net/wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_config.php?ver=alpha19JAN07'></script>

2c) Ces URLs doiventt charger le bon code Javascript compacté. Aller sur ces URL comme pour un autre site web. Et le navigateur doit vous afficher le code javascript. Ca doit commencer par...


Pour /wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_gzip.php?ver=209, c'est un gros fichier javascript compact: 

function TinyMCE_Engine(){var ua;this.majorVersion="2";this.minorVersion="0.9";this.releaseDate="2007-01-09";this.instances=new Array();this.switchClassCache=new...

Pour /wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_config.php?ver=alpha19JAN07, c'est un petit fichier de configuration: 

initArray={ mode : "specific_textareas", editor_selector : "mceEditor", language : "en", width : "100%", plugins : 
...
tinyMCE.init(initArray);

Si le code ne s'affiche pas:

- C'est que l'URL ne correspond pas au dossier où vous avez installé le plugin

=> vérifier que le fichier 'tiny_mce_gzip.php' est bien dans le dossier wp-content/plugins/miwa-editor-mu/js/tinymce/

- Ou alors le fichier wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_gzip.php n'est pas accessible en lecture

=> donner les droits de lecture sur votre serveur web

Si après avoir vérifié tout ça, ça ne marche toujours pas, plaignez-vous!

[modifier] Installations réussies

Dans cette section, merci de rajouter votre navigateur et votre hébergeur (s'il n'y est pas déjà)

Versions de WordPress:

WP 2.1 OK

WP 2.2 OK

WP 2.3 OK

WPMU 1.0 OK


Navigateurs:

Internet Explorer 7.0 OK

FireFox 2.0 OK


Hébergeurs:

http://microwebagency.com OK

http://microwa.com OK

http://www.goldzoneweb.info OK http://1and1.fr OK

http://lost-oasis.net ok !

[modifier] Installations ratées

Dans cette section, merci de rajouter votre navigateur et votre hébergeur (s'il n'y est pas déjà)

Navigateurs:


[modifier] Problèmes d'utilisation rencontrés

Dans cette section, ajoutez les bugs, les plugins non-compatibles, etc...

  1. Apparemment, il y a un problème de conflit avec WP_ContactForm. En désactivant ce plugin, MiwaEditorMu fonctionne. A voir pour corriger ce problème...
  2. ImageManager force aussi sa propre version de l'éditeur tinyMCE, donc forcément il y a conflit avec miwaEditorMu. A voir pour intégrer ImageManager dans le plugin ?


Compatible avec Wordpress MU?... A mon avis, ça ne l'est que si l'on utilise Wordpress MU sans ajouter de "site" au projet car voilà l'erreur obtenu avec mon firebug lorsque j'ai essayé: tinyMCE.settings has no properties init("http://url.fr/mon_nouveau_site/wp-content/plugins/cforms/js/editor_plugin.js")tiny_mce_gzip.php (line 1) init("cforms", "http://url.fr/mon_nouveau_site/wp-content/plugins/cforms/js")


A bon entendeur

Salut. J'ai installé le plugin avec wordpress 2.1 (pas d'autres plugin activés) mais les boutons ne s'aafichent pas ... En fait si je regarde la source de la page écrire je ne trouve pas les lignes :

<script type='text/javascript' src='.../wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_gzip.php?ver=209'></script> <script type='text/javascript' src='.../plugins/miwa-editor-mu/js/tinymce/tiny_mce_config.php?ver=alpha19JAN07'></script>

j'ai bien activé dans le profil l'éditeur visuel, activé le plugin, j'ai vidé mon cache ... Une idée ?

23/02/07

Re: Salut,

Est-ce que tu es sur WP ou WPmu ? Et quelle version ? Si tu es sur WPmu, peut-être que tu peux me créer un blog de test. C'est plus simple pour moi de débugger...

Autrement, si tu ne trouves pas de lignes avec <script type="text/javascript" src="...miwa-editor-mu..."></script>, alors le plugin ne fonctionne pas normalement... zut...

Est-ce que tu as toujours des lignes avec <script type="text/javascript" src="... tiny_mce..."></script> dans le header ?

Salut :

  1. je suis sur WP pas sur WPmu
  2. j'ai les lignes suivantes dans la source de la page "écrire" :

<script type="text/javascript" src="../wp-includes/js/fat.js"></script>

<script type="text/javascript" src="../wp-includes/js/tw-sack.js"></script>

<script type="text/javascript" src="../wp-includes/js/dbx.js"></script>

01MARS07

Salut,

C'est difficile de savoir ce qui se passe dans ce cas là... Le plugin a désactivé l'éditeur par défaut mais n'a pas réussi à activer le nouveau. Tu as bien un version WP2.1.x ? Si tu peux me créer un compte auteur, ça me permettrait de jeter un coup d'oeil directement. Autrement, c'est difficile de trouver plus de pistes.

LH

08MARS07

Y a t'il du nouveau au sujet du conflict avec le plugin ImageManager?

Macin

08MARS07

Salut,

Je suis en train de travailler dessus. Dans un premier temps, je vais partir sur l'objectif de l'intégrer avec miwaEditor. Ca me permettra de comprendre comment il est codé pour pouvoir proposer une solution de cohabitation. De ce que j'ai vu, ImageManager se définit comme un plugin pour tinyMCE, et il intègre en plus le code pour modifier tinyMCE. Il faudrait en fait juste isoler la partie plugin ImageManager/TinyMCE.

La version 2.1.0 de tinyMCE est aussi sortie en Février. Donc la prochaine version du plugin miwaEditor va l'intégrer.

Cheers, LH

Update: Pour avoir ImageManager, un hack est possible: http://my.sambazen.net/wiki/index.php/WPMU_Plugin:Miwa_Editor_Mu#Hack_pour_avoir_ImageManager

Cheers, LH

Merci LH, ca fonctionne tres bien ton hack. Ton plugin est definitevement adopté. Bonne continuation.

04AVRI07

Bonjour, j'ai installé miwa sur un WP MU tournant sous linux. Je n'ai aucun soucis d'activation mais j'ai bien un problème avec les boutons pour insérer une image ou un média. La popup s'affiche correctement mais le bouton "Naviguer" ne réagit pas. Merci de m'aider ! Une solution existe peut-être déjà ailleurs?

05AVR07

Salut, Pour le bouton naviguer, c'est normal si ça ne marche pas. MoxieCode, la société qui développe l'éditeur tinyMCE, donne gratuitement l'éditeur... mais fait payer certains composants ! Dont le navigateur de fichier!

Si tu veux payer ces plugins: http://tinymce.moxiecode.com/plugins.php En libre, il y a des plugins qui ont été développés: http://sourceforge.net/tracker/?atid=738747&group_id=103281&func=browse J'ai téléchargé un navigateur de fichiers, mais je n'ai pas encore eu le temps de l'intégrer.

Bon courage!

LH

Salut,

serait-il possible de rendre valide xhtml 1.0 l'insertion d'un média depuis l'éditeur?

Un exemple de format valide : <object type="application/x-shockwave-flash" style="width:425px; height:350px;" data="http://www.youtube.com/v/7_6B6vwE83U"><param name="movie" value="http://www.youtube.com/v/7_6B6vwE83U" /> </object>

Ce média s'affiche bien aussi bien sous firefox 2.0, IE 5.5 et IE 6.

Cdt.

[modifier] Développement en cours

[modifier] Hack pour avoir ImageManager

Je publie ce hack car les modifs sont plutôt simples à réaliser:

En le faisant, ImageManager s'intègre bien chez moi avec MiwaEditor, mais il faudra faire une version plus propre...

  1. Dans le fichier wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_config.php, il suffit de bouger la ligne tinyMCE.init(initArray); avant le do_action('tinymce_before_init');
  2. Dans votre fichier de config des boutons wp-content/plugins/miwa-editor-mu/js/tinymce/miwa_config_miwa.php (ou miwa_config_full.php pour les anciennes versions)

, il faut ajouter le plugin et le bouton d'ImageManager, qui s'appelle: ps_imagemanager_tinymceplugin.

Moi je l'ai ajouté en première position sur la deuxième ligne de boutons $mce_buttons_2="ps_imagemanager_tinymceplugin,..."; et puis dans la liste des plugins à charger $mce_plugins="...,ps_imagemanager_tinymceplugin";

Pour ceux qui lisent le diff:

Index: wp-content/plugins/miwa-editor-mu/js/tinymce/tiny_mce_config.php 

+tinyMCE.init(initArray);
<?php
        // For people who really REALLY know what they're doing with TinyMCE
        // You can modify initArray to add, remove, change elements of the config before tinyMCE.init
        do_action('tinymce_before_init');
?>

-tinyMCE.init(initArray);

Index: wp-content/plugins/miwa-editor-mu/js/tinymce/miwa_config_miwa.php 

$mce_buttons_2 =
-"image,media,|,tablecontrols,|,anchor,link,unlink,|,wp_more,wp_page,|,styleselect,|,wp_adv";
+"ps_imagemanager_tinymceplugin,image,media,|,tablecontrols,|,anchor,link,unlink,|,wp_more,wp_page,|,styleselect,|,wp_adv";

-$mce_plugins = "inlinepopups,style,table,save,advhr,advimage,advlink,emotions,media,searchreplace,contextmenu,paste,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,wordpress";
+$mce_plugins =  "inlinepopups,style,table,save,advhr,advimage,advlink,emotions,media,searchreplace,contextmenu,paste,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,wordpress,ps_imagemanager_tinymceplugin";

[modifier] Taile en Ko des plugins pour tinyMCE

Et avec surprise, on voit arriver en tête de peloton, WP qui fait 24Ko! 


24 wordpress/editor_plugin.js
24 table/editor_plugin.js
20 inlinepopups/editor_plugin.js
16 spellchecker/editor_plugin.js
12 contextmenu/editor_plugin.js
12 media/editor_plugin.js
12 template/editor_plugin.js
12 paste/editor_plugin.js
8 devkit/editor_plugin.js
8 flash/editor_plugin.js
8 fullscreen/editor_plugin.js
8 preview/editor_plugin.js
8 fullpage/editor_plugin.js
8 layer/editor_plugin.js
8 xhtmlxtras/editor_plugin.js
4 searchreplace/editor_plugin.js
4 noneditable/editor_plugin.js
4 wphelp/editor_plugin.js
4 advimage/editor_plugin.js
4 bbcode/editor_plugin.js
4 save/editor_plugin.js
4 insertdatetime/editor_plugin.js
4 advhr/editor_plugin.js
4 directionality/editor_plugin.js
4 visualchars/editor_plugin.js
4 advlink/editor_plugin.js
4 style/editor_plugin.js
4 nonbreaking/editor_plugin.js
4 zoom/editor_plugin.js
4 iespell/editor_plugin.js
4 emotions/editor_plugin.js
4 autosave/editor_plugin.js
4 print/editor_plugin.js
0 cleanup/editor_plugin.js
Récupérée de « http://my.sambazen.net/wiki/index.php/WPMU_Plugin:Miwa_Editor_Mu »