Journal Zen coding pour Kate

Posté par .
Tags :
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.

  • # Insane HTML

    Posté par . Évalué à 6.

    Je me sert depuis longtemps de l'extension Insane HTML de Kate. Cela fait du codage ZEN. Ma question est-donc qu'est-ce que ce script apporte par rapport à l'existant ?

    • [^] # 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.

      • [^] # Re: Insane HTML

        Posté par . Évalué à 2.

        Merci pour ces précisions et désolé, mais ce n'était pas très clair dans le journal. Je pense que je vais essayer ce script.

  • # 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 . É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 à ceux qui les ont postés. Nous n'en sommes pas responsables.