Dotclear

Ticket #628 (closed idea: fixed)

Opened 15 years ago

Last modified 11 years ago

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

codemirror-theme-editor.jpg Download (44.7 KB) - added by franck 11 years ago.
Copie d'écran du Proof of concept (codemirror)

Change History

comment:1 Changed 15 years ago by Moe

Tu en connais un ? Tu as peut-être une piste à proposer ?

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:7 Changed 14 years ago by xave

  • Milestone changed from 2.2 to 2.3

comment:8 Changed 13 years ago by bruno

  • Priority changed from lowest to normal
  • Milestone 2.3 deleted

comment:9 Changed 11 years ago by franck

Y'a du nouveau sur le marché pour faire ça ?

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

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:16 Changed 11 years ago by franck

  • Milestone set to Refonte admin

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

comment:22 Changed 11 years ago by franck

  • Milestone changed from Refonte admin to 2.5
Note: See TracTickets for help on using tickets.

Sites map