Carnet Wiki

Barre typo SPIP en jQuery

Version 3 — Septembre 2008 Arnault Pachot

Développement en jQuery de la barre typo de SPIP.

Fonctionnalités

[Arnault]
Il me semble qu’une telle barre typo devrait permettre :

  • un mode wysiwyg générant automatiquement les raccourcis spip dans le texte, avec possibilité de basculer : mode wysiwyg / mode texte avec raccourcis.
  • gérer les balises <multi> en proposant par exemple une zone de saisie par langue, et possibilité d’ajouter une langue.
  • se paramétrer depuis un panneau cfg, pour activer /désactiver certains raccourcis, et lui indiquer sur quels éléments elle doit s’afficher.
  • d’ajouter de nouveaux raccourcis via des plugins SPIP en proposant des points d’entrée
  • d’être indépendante des évolutions de l’interface privée de SPIP

Liste des raccourcis typo

lister les raccourcis typo (standard, typov2, enluminures)

Raccourcis typo standards :
-  mettre en italic
-  mettre en gras
-  transformer en intertitre
-  transformer en lien
-  transformer en note de base de page
-  entourer de guillemets
-  entourer de guillemets de second niveau
-  À
-  É
-  œ
-  Œ
-  €

Raccourcis typo v2 :
-  ...

Raccourcis typo enluminures :
-  ...

Liens

Faire un tour d’horizon de ce qui se fait en jQuery comme outils wysiwyg. Voir si on peut récupérer / adapter des parties du code ?

On pourrait partir, par exemple, du code du « WYSIWYG jQuery Plugin »...

[arnault] je vois que WYMEditor permet d’ajouter des plugins, peut être pour ajouter nos propres raccourcis.

-jqtexteditor

n’a t’on pas intérêt a développer notre propre wysiwyg, simple, uniquement pour les raccourcis spip ?

Traitement

- masquer le textarea/input
-  ajouter à la place une zone d’édition wysiwyg
-  a chaque modif de la zone wysiwyg, mettre à jour le textarea/input en arrière plan avec le code spip correspondant

Zone de test


-  dans un premier temps, travailler hors spip. la plupart des raccourcis ne nécessitent pas d’être dans un environnement spip pour être développés/testés. L’exception c’est surtout la galerie d’images.

-

Zone de test


Prévoir plus tard deux SPIP de test : 1.9.2 et 2., en sous domaine de spip-zone, par exemple. lorsqu’on en sera au plugin SPIP

...