Journal Zen coding pour Kate

Posté par  .
Étiquettes :
34
23
juin
2012

Bonjour,

Ce journal est susceptible de n'intéresser que peu de personne, mais je m'en fous (ça sera toujours mieux qu'une blague pas drôle).

Je voulais ajouter le support du zen coding à Kate.

Pour ceux qui ne suivent pas Kate c'est l'éditeur par défaut de KDE, et le zen coding c'est un truc qui permet d'écrire du html/css vachement vite (voir ici pour comprendre et ici pour le champ des possibles).

Ça commençait assez mal vu que par défaut Kate ne propose par défaut qu'un support très limité. J'ai demandé son avis à mon meilleur ami virtuel et à part deux ou trois mecs qui se faisaient jeter des bugtrackers je n'ai pas vraiment trouvé de traces d'intérêt manifeste pour la question.

J'ai donc passé une heure à désespérément errer sur le web en regrettant l'époque où une telle technique aurait été implémentée en 2 heures dans KDE (elle existe depuis plus de 2 ans), quant au détour d'un commentaire perdu dans un article je suis tombé sur un brave type qui a pris son courage à deux mains et à porté le précieux (licence MIT) sur ce malgré tout bel éditeur qu'est Kate.

Donc maintenant la vie est belle.

J'ai ouvert un dépôt sur github si ça peut lui donner un peu de visibilité https://github.com/kursusHC/Zen-Coding-for-Kate

Pas de mimage, mais pour compenser un troll est caché dans ce journal.

  • # Commentaire supprimé

    Posté par  . Évalué à 6.

    Ce commentaire a été supprimé par l’équipe de modération.

    • [^] # Re: Insane HTML

      Posté par  . Évalué à 7.

      Comme dit dans le journal, le plugin Insane fourni avec Kate est limité - d'ailleurs il s'appelle Insane (Non-Zen).

      Impossible de faire de l'incrémentation : p.class$*4 ne donnera rien alors qu'en Zen on obtient

      <p class="class1"></p>
      <p class="class2"></p>
      <p class="class3"></p>
      <p class="class4"></p>
      
      

      et ul#menu>li.class$*4>a:link

      <ul id="menu">
          <li class="class1"><a href="http://"></a></li>
          <li class="class2"><a href="http://"></a></li>
          <li class="class3"><a href="http://"></a></li>
          <li class="class4"><a href="http://"></a></li>
          <li class="class5"><a href="http://"></a></li>
      </ul>
      
      

      Par ailleurs plein de snippets sont disponibles, html:5 donnera un markup complet, script un appel tout prêt (voire script:src pour encore moins se fatiguer), input:password sera prêt à l'emploi, sans compter toutes les propriétés css (cl:b pour obtenir clear:both;)

      Et il y a plein de fonction bien pratiques, comme le fait de pouvoir wrapper une selection dans un nouveau tag, la sélection des enfants d'un tag, le déplacement du curseur au prochain point d'édition, le merge de plusieurs lignes, etc.

  • # Très pratique !

    Posté par  . Évalué à 7.

    Ah ben merci voilà un bidule bien pratique ! (à noter que ça marche aussi dans kwrite et tout ce qui utilise katepart).

  • # comment l'installer

    Posté par  (site web personnel) . Évalué à 1.

    Cela m'a tout de suite donné envie de l'installer. Par contre je n'ai jamais utilisé les plugins dans Kate. Quelqu'un pourrait m'indiquer ou copier le fichier .js pour qu'il soit pris en compte ?

    Merci.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.