Accueil > Sous-projets > BOF Editor > Historique des versions > Version n°1 > Différences avec la version publiée
Différence entre la version n°1 et la version n°4
| N°1 | N°4 | ||||
|---|---|---|---|---|---|
| n | 1 | ''Developed and designed by Thenon David, [Sveetch.biz|http://sveetch.biz]'' | n | ||
| 2 | |||||
| 3 | __BOF Editor__ est un plugin jQuery qui permet d'éditer des champs de texte long | 1 | BOF Editor est un plugin __jQuery__ qui permet d'éditer des champs de texte long | ||
| 4 | dans un espace quasiment plein écran, avec une option de prévisualisation du | 2 | dans un espace quasiment plein écran, avec une option de prévisualisation du | ||
| 5 | texte ainsi qu'une barre de raccourcis de syntaxe wiki. | 3 | texte ainsi qu'une barre de raccourcis de syntaxe wiki. | ||
| 6 | 4 | ||||
| 7 | Il est donc orienté pour des textes sous formats Wiki et non comme les ''rich | 5 | Il est donc orienté pour des textes sous formats Wiki et non comme les ''rich | ||
| 8 | editor'' qui permettent de rédiger du html. | 6 | editor'' qui permettent de rédiger du html. | ||
| 9 | 7 | ||||
| n | 10 | Pour l'instant, le BOF Editor ne s'ouvre que lorsque l'on clic dans le textarea | n | 8 | Il possède plusieurs options, dont la possibilité de s'ouvrir soit lors d'un |
| 11 | ciblé dans son instanciation. | 9 | clic sur un champs de texte (''focus''), soit sur le clic d'un lien (''button''). | ||
| 10 | |||||
| 11 | !!! Licence | ||||
| 12 | |||||
| 13 | Le code de ce projet est sous double licence : | ||||
| 14 | |||||
| 15 | * [MIT|http://www.opensource.org/licenses/mit-license.php] | ||||
| 16 | * [GPL|http://www.gnu.org/licenses/gpl.html] | ||||
| 12 | 17 | ||||
| 13 | !!! Pré-requis | 18 | !!! Pré-requis | ||
| 14 | 19 | ||||
| n | 15 | * jQuery library >= 1.3.2 | n | 20 | * __[jQuery|http://jquery.com/]__ >= 1.3.2 |
| 16 | * The __wikibar__ API and CSS from the __PyWiki2Xhtml__ project if you wish ++to use the Wikibar option++. | 21 | * L'API et le CSS de la __Wikibar__ si vous souhaitez utiliser l'option de la ¶¶¶Wikibar¶¶¶. | ||
| 17 | * A webserver on the same domain with a ++server-side script to make Preview++, if you wish ++to use the Preview option++. | 22 | * Un script sur votre serveur web pour renvoyer une prévisualisation par Ajax si vous souhaitez utiliser l'option de prévisualisation. | ||
| 18 | 23 | ||||
| 19 | !!! Installation | 24 | !!! Installation | ||
| 20 | 25 | ||||
| 21 | Notez que toute les options du BOF Editor sont facultatives et toutes cumulables. | 26 | Notez que toute les options du BOF Editor sont facultatives et toutes cumulables. | ||
| 22 | 27 | ||||
| 35 | //]]> | 40 | //]]> | ||
| 36 | </script> | 41 | </script> | ||
| 37 | 42 | ||||
| 38 | !! Avec wikibar | 43 | !! Avec wikibar | ||
| 39 | 44 | ||||
| n | 40 | ++En plus++ du code ''de base'', il vous faut insérer l'API et CSS de la Wikibar : | n | 45 | ++En plus++ du code ''de base'', il vous faut insérer l'API et CSS de la ¶¶¶Wikibar¶¶¶ : |
| 41 | 46 | ||||
| 42 | <link rel="Stylesheet" title="Normal" media="screen" type="text/css" href="wikibar/ui.css"/> | 47 | <link rel="Stylesheet" title="Normal" media="screen" type="text/css" href="wikibar/ui.css"/> | ||
| 43 | <script type="text/javascript" src="wikibar/api.js"></script> | 48 | <script type="text/javascript" src="wikibar/api.js"></script> | ||
| 44 | 49 | ||||
| 45 | Et changer l'instanciation du BOF Editor pour lui activer l'option de la wikibar : | 50 | Et changer l'instanciation du BOF Editor pour lui activer l'option de la wikibar : | ||
| 54 | //]]> | 59 | //]]> | ||
| 55 | </script> | 60 | </script> | ||
| 56 | 61 | ||||
| 57 | !! Avec wikibar et prévisualisation | 62 | !! Avec wikibar et prévisualisation | ||
| 58 | 63 | ||||
| n | 59 | Il suffit de suivre le même procédé que pour le mode avec wikibar, mais il | n | 64 | Il suffit de suivre le même procédé que pour le mode avec ¶¶¶Wikibar¶¶¶, mais il |
| 60 | faut encore changer l'instanciation pour indiquer l'url ou envoyer le texte | 65 | faut encore changer l'instanciation pour indiquer l'url ou envoyer le texte | ||
| 61 | et recevoir une prévisualisation : | 66 | et recevoir une prévisualisation : | ||
| 62 | 67 | ||||
| 63 | <script language="JavaScript" type="text/javascript"> | 68 | <script language="JavaScript" type="text/javascript"> | ||
| 64 | //<![CDATA[ | 69 | //<![CDATA[ | ||
| 95 | }); | 100 | }); | ||
| 96 | //]]> | 101 | //]]> | ||
| 97 | </script> | 102 | </script> | ||
| 98 | 103 | ||||
| 99 | Notez aussi l'option "i18n_opener_button", facultative, qui permet de changer | 104 | Notez aussi l'option "i18n_opener_button", facultative, qui permet de changer | ||
| t | 100 | le titre du lien affiché. | t | 105 | le titre du lien affiché. |
| 106 | |||||
| 107 | !!! Téléchargement | ||||
| 108 | |||||
| 109 | BOF Editor est téléchargeable uniquement depuis son dépôt __Subversion__ | ||||
| 110 | |||||
| 111 | http://svn.logicielslibres.info/bordel/sveetch/bof_editor/ | ||||
| 112 | |||||
| 113 | Notez qu'il comporte déja une copie de la ¶¶¶Wikibar¶¶¶, ce n'est donc pas la peine de la télécharger à part si vous comptiez l'utiliser. | ||||
| 114 | |||||
| 115 | !!! Traduction | ||||
| 116 | |||||
| 117 | Tout les textes par défaut sont en français, si vous souhaitez les changer ou | ||||
| 118 | utiliser l'éditeur dans d'autres langues, vous pouvez les modifier par les | ||||
| 119 | options. Tout les textes modifiables ont un nom d'option commencant par | ||||
| 120 | @@i18n_@@. | ||||
| 121 | |||||
| 122 | !!! Démonstration | ||||
| 123 | |||||
| 124 | Cliquez à l'intérieur du champs de texte pour ouvrir l'éditeur. | ||||