Forums : Les possiblités de la plateforme Mozilla

laurentj Le Mercredi 28 Juin 2006 à 14:44
eu ça existe déjà.. Tu crois que FckEditor &cie se basent sur quoi ? ;-). En gros, ce genre de script javascript ne font que rajouter une barre de bouton... Pour certains, ils nettoient également un peu le code... Rechercher "midas" pour l'editeur de mozilla..

Lol bon ok, mais existe t'il vraiment un outils de ce genre impémenter en plugon dans firefox, (midas m'a l'air de ne pas correspondre tous a fait)

Ça existe déjà : tu as midas comme je l'ai dit. Cela correspond tout à fait à ce que tu veux faire. Cela nécessite un peu de script bien sûr, que l'on pourrait à la limite embarquer dans un xbl...

Il y a aussi l'attribut contenteditable que tu peut mettre sur des element html pour les rendre éditable. Mais c'est limité pour le moment. (Daniel travaille dessus en ce moment pour l'améliorer).

à noter aussi que, d'un point de vue technique, les input, textarea et tout autre truc où tu peux éditer du texte simple, ce n'est rien d'autre derrière que l'editeur html wysiwyg avec les fonctions de transformation (mise en gras &co) désactivées.

pour répondre a laurent

voila l'implémentation de fckeditor :

<script type="text/javascript">
<!--
var oFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
oFCKeditor.BasePath = '/fckeditor/' ;
oFCKeditor.Value = '<p>voici un paragraphe</p>' ;
oFCKeditor.Create() ;
//-->
</script>

impossible de l'adapter a un formulaire sans refaire la page, impossible de l'utiliser sur un autre site, pris aux hasard.

croisement -> <-

raison de plus pour réactiver tous ça :)

Bonsoir, le xulnotpad de Georges Nava permet déjà quelques petites choses sympa ...

Bon, au lieu de poster ma réponse sur le blog de Laurent, j'aurai dû la poster directement ici !

Donc, la voici (un petit peu modifié) si ça peut éventuellement aider :

=----------------------------------------------------------------------------------------------------------------------=

un wysiwyg integrer a la manière d'un élément de formulaire, c'est assez séduisant.
<texteditor style='sidebar: top;'> <p>voici un paragraphe</p> </texteditor>

Attention il ne faut pas oublier :

• la compatibilité avec les vieux navigateurs ou simplement ceux qui n'ont pas cette fonctionnalité (donc pas de balise spécifique)
• il faut poster les nouvelles données (donc utiliser un formulaire)

Donc, reprenons le principe de FCKEditor : une "sur-couche au-dessus d'un textarea"

=> ça serait mieux que cela soit un attribut CSS pointant éventuellement sur un fichier qui pourrait contenir une définitions des règles d'écritures :

• stucturations prévilégiée
• types de données interdits
• modèles de structures (template)
• attributs CSS disponibles (avec éventuellement une description pour aider le rédacteur dans le choix)
• etc ...

Exemple :

HTML :

<div id="commentaires">
 <h3>Vos commentaires</h3>
 <dl>
   <dt><strong>Dupont</strong> Le Lundi 32 Février 3007 à 25:72</dt>
   <dd>Super commentaire !</dd>
 </dl>
 <h3>Ajouter un commentaire</h3>
 <form action="/save">
   <p><label for="c_nom">Nom</label> <input id="c_nom" type="text" /></p>
   <p><label for="c_content">Commentaire</label> <textarea id="c_content"></textarea></p>
 </form>
</div>

CSS :

#commentaires textarea {
  editable-rule: url(section-news.xml);
}

Non ? Qu'est-ce que vous en pensez ?

Comme vient tout juste de le souligné LaurentJ, ça existe déjà :

* attribut contenteditable, que Daniel Glazman est en train d'améliorer dans Gecko. Suffit de mettre cette attribut sur un élément pour que son contenu soit éditable (et de faire un document.designmode=true)
* styles -moz-user-input et -moz-user-modify, qui permet une chose similaire à contenteditable (mais je ne connais pas trop leur mode d'emploi).
* et puis bien sûr, midas, utilisé par tous les script js qui font de l'édition wysiwyg.

Bon, par contre, je ne sais pas si contenteditable peut prendre en paramètre des "règles de rédaction" ... il faudrait que je creuse le sujet !