Ticket #628 (closed idea: fixed)
Coloration syntaxique dans l'éditeur de thèmes
Reported by: | castortoma | Owned by: | olivier |
---|---|---|---|
Priority: | normal | Milestone: | 2.5 |
Component: | module:core | Version: | 2.1 |
Severity: | normal | Keywords: | Coloration syntaxique, Editeur de thèmes |
Cc: |
Description
Ajout d'un système de coloration syntaxique du xHTML, du CSS, du Javascript, etc. dans l'éditeur de thèmes.
Attachments
Change History
comment:2 Changed 15 years ago by castortoma
Et bien soit côté serveur avec du [GeSHi-> http://geshi.org/], soit de l'autre côté avec - comme YASH - avec la librairie JavaScript? [Syntax Highlighter-> http://syntaxhighlighter.googlecode.com/].
comment:3 Changed 15 years ago by xave
- Status changed from new to closed
- Resolution set to invalid
Marchera pas. Ces bibliothèques, comme toutes les bibliothèques du genre, gèrent l'affichage d'un code fixe et sont inutilisables dans un champ d'édition comme ceux de l'éditeur de thèmes.
comment:4 Changed 15 years ago by Moe
Je trouve l'idée intéressante. Il n'y a pas moyen de faire quelque chose de semblable à l'éditeur visuel de Dotclear ? Il arrive à mettre en forme le texte en WYSIWYG, il faudrait *juste* sauvegarder le texte affiché et non la source du texte. Qu'en pensez-vous ?
comment:5 Changed 15 years ago by castortoma
Avec Javascript... Si par exemple ont dit au script de colorisation de se lancer tout les X secondes, alors celui-ci colorera au fur-et-à-mesure de l'édition.
comment:6 Changed 15 years ago by pep
- Priority changed from normal to lowest
- Status changed from closed to reopened
- Resolution invalid deleted
- Type changed from defect to idea
Des solutions existent et seront sans doute étudiées. Mais pour l'heure, c'est loin d'être prioritaire.
comment:8 Changed 13 years ago by bruno
- Priority changed from lowest to normal
- Milestone 2.3 deleted
comment:10 Changed 11 years ago by franck
J'ai trouvé CodeMirror?, ici : http://codemirror.net/ (en javascript). Reste à coder un proof of concept pour voir…
comment:11 Changed 11 years ago by franck
Bon j'ai un proof of concept qui fonctionne mais ça pèse 400Ko. Est-ce qu'on est prêt à ce poids en plus pour avoir uniquement de la coloration syntaxique en temps réel ?
Changed 11 years ago by franck
- attachment codemirror-theme-editor.jpg added
Copie d'écran du Proof of concept (codemirror)
comment:12 Changed 11 years ago by kozlika
Plugin plutôt non ?
comment:13 Changed 11 years ago by franck
Sachant tout de même que les 400Ko de JS ne sont chargés que pour l'édition de code dans l'éditeur de thème, d'une part, et qu'on peut prévoir une option d'activation côté préférences utilisateur.
comment:14 Changed 11 years ago by franck
Après ménage et avant minification du JS, c'est 185Ko. Ça commence à devenir raisonnable !
comment:15 Changed 11 years ago by franck
- Status changed from reopened to onhold
Je garde dans un coin en attendant des (éventuelles) réactions…
comment:17 Changed 11 years ago by franck <carnet.franck.paul@…>
- Status changed from onhold to closed
- Resolution set to fixed
(In [206fd3d17d64]) Add syntax color option to theme editor plugin, using CodeMirror? ( http://codemirror.net/), fixes #628
comment:18 Changed 11 years ago by Osku
Très chouette. Il manque la modif' de version dans le _define.php du plugin.
comment:19 Changed 11 years ago by noe
- Status changed from closed to reopened
- Resolution fixed deleted
Seul souci de la coloration, les balises de Dotclear créent des « fausses erreurs dans la coloration ».
Les balises xHTML sont en vert, ainsi que les boucles Dotclear (on comprend la logique), mais quand une boucle Dotclear croise une balise xHTML, cf. les <tpl:TagsHeader> et footer qui croisent l’<ul> conteneur, on se retrouve avec des balises en rouge (couleur, donc, des erreurs d’imbrication).
Je ne sais pas si ça doit faire l’objet d’un nouveau ticket, si on décide qu’on s’en fout, mais ça m’a perturbé en affichant le code coloré…
comment:20 Changed 11 years ago by franck
Ah oui tiens, faudrait étendre le dictionnaire pour qu'il prenne en compte la syntaxe des balises DC :-p
comment:21 Changed 11 years ago by franck <carnet.franck.paul@…>
- Status changed from reopened to closed
- Resolution set to fixed
(In [61cf0a201d49]) Ignore dotclear tags ({{tpl:…}}, <tpl:…>…</tpl:…>) in syntax color mode, fixes #628
Tu en connais un ? Tu as peut-être une piste à proposer ?