Komodo Edit - HTML formaté et bien Rangé

Est-il un moyen simple de reformater mon format HTML à partir de Komodo Edit ou pour automatiser le processus à l'encontre de l'ordre? Quelque chose comme le Ctrl+K, Ctrl+D dans Visual Studio serait génial. Actuellement sous Ubuntu avec Tidy installé.

OriginalL'auteur Dave | 2011-01-14

  1. 8

    Si vous voulez une solution que tout droit jusqu'à la works, procédez comme suit:

    Pop ouvrir la boîte à outils du panneau sur la droite
    Cliquez sur l'engrenage et sélectionnez Nouvelle Macro, le nom de ce que vous aimez.

    Obtenir le code de la macro ici:

    komodo edit macro

    Il comprend le code de http://jsbeautifier.org/ et fonctionne comme un charme...

    Suivante consiste à définir une combinaison de touches:

    Sélectionnez votre nouvelle macro dans la boîte à outils
    Maintenant, accédez à la clé de liaisons

    Type d'une séquence et il vous dira si la séquence que vous avez tapé est disponible. J'utilise ctrl+/parce qu'ils sont proches les uns des autres.

    Cheers!

    Par ailleurs, si vous voulez la sortie de jsbeautifier à ressembler à l'Ctrl-k, Ctrl-d mise en forme de Visual Studio, modifiez la macro et aller à la 'JavaScript' cas. Maintenant, changez le indent_size à 4, de modifier la brace_style à "développer" et d'ajouter "good_stuff: true" à la fin.

    OriginalL'auteur Chris Fletcher

  2. 7

    Je trouvé cette mise en forme de script (macro) et l'a adapté pour mon utilisation personnelle avec la dernière Komodo Edit (v6.1.0). Il fonctionne bien et j'ai inclus la mise en forme JavaScript fourni par un commentateur, mais je pense qu'il ne peut travailler avec Komodo IDE. Il est sans importance à mes besoins. Peut-être quelqu'un là-bas peut trouver un universel de l'amélioration (en utilisant quelque chose comme html tidy).

    komodo.assertMacroVersion(3);
if (komodo.view) { komodo.view.setFocus(); }

var formatter;
var language = komodo.document.language;
switch (language) {
    case 'Perl':
        formatter = 'perltidy -i=2 -pt=2 -l=0';
        break;
    case 'XML':
    case 'XUL':
    case 'XLST':
        formatter = 'tidy -q -xml -i -w 80';
        break;
    case 'HTML':
        formatter = 'tidy -q -asxhtml -i -w 120';
        break;
  //case 'JavaScript':
  //   ko.views.manager.currentView.scimoz.selectAll();
  //   ko.views.manager.currentView.scimoz.replaceSel(js_beautify(ko.views.manager.currentView.scimoz.text, {indent_size: 2}));
  //   return null;
  default:
        alert("I don't know how to tidy " + language);
        return null;
}

//save current cursor position
var currentPos = komodo.editor.currentPos;

try {
    //Save the file.  After the operation you can check what changes where made by
    //File -> Show Unsaved Changes
    komodo.doCommand('cmd_save');

    //Group operations into a single undo
    komodo.editor.beginUndoAction();

    //Select entire buffer & pipe it into formatter.
    komodo.doCommand('cmd_selectAll');
    Run_RunEncodedCommand(window, formatter + " {'insertOutput': True, 'operateOnSelection': True}");

     //Restore cursor.  It will be close to the where it started depending on how the text was modified.
     komodo.editor.gotoPos(currentPos);

    //On windows, when the output of a command is inserted into an edit buffer it has unix line ends.
    komodo.doCommand('cmd_cleanLineEndings');
}
catch (e) {
    alert(e);
}
finally {
    //Must end undo action or may corrupt edit buffer
    komodo.editor.endUndoAction();
}

    OriginalL'auteur TAOCode

  3. 1

    Vous pouvez configurer une commande à exécuter pour remplacer une sélection de code html avec la coquette version. Appuyez sur ctrl+R pour afficher la fenêtre de commande et entrez tidy -utf8 -asxhtml -i pour la commande qui formats en retrait xhtml à l'aide de l'encodage utf8. Cochez les deux cases "Col de sélection comme entrée" et "Insérer une sortie". Vous pouvez aussi personnaliser les raccourcis clavier.

    Exemple de capture d'écran http://grab.by/8C3t

    OriginalL'auteur justquick

  4. 1

    La réponse que TAOcode fait est très bien, mais dans des versions plus récentes de Komodo a peu de choses ont changé, alors voici ma mise à jour du code pour le faire fonctionner de nouveau:

    komodo.assertMacroVersion(3);
if (komodo.view) { komodo.view.setFocus(); }

var formatter;
var language = komodo.view.language;
switch (language) {
    case 'Perl':
        formatter = 'perltidy -i=2 -pt=2 -l=0';
        break;
    case 'XML':
    case 'XUL':
    case 'XLST':
        formatter = 'tidy -q -xml -i -w 500';
        break;
    case 'HTML':
        formatter = 'tidy -q -asxhtml -i -w 120';
        break;
  //case 'JavaScript':
  //   ko.views.manager.currentView.scimoz.selectAll();
  //   ko.views.manager.currentView.scimoz.replaceSel(js_beautify(ko.views.manager.currentView.scimoz.text, {indent_size: 2}));
  //   return null;
  default:
        alert("I don't know how to tidy " + language);
        return null;
}

//save current cursor position
var currentPos = komodo.editor.currentPos;

try {
    //Save the file.  After the operation you can check what changes where made by
    //File -> Show Unsaved Changes
    komodo.doCommand('cmd_save');

    //Group operations into a single undo
    komodo.editor.beginUndoAction();

    //Select entire buffer & pipe it into formatter.
    komodo.doCommand('cmd_selectAll');
    ko.run.runEncodedCommand(window, formatter + " {'insertOutput': True, 'operateOnSelection': True}");

     //Restore cursor.  It will be close to the where it started depending on how the text was modified.
     komodo.editor.gotoPos(currentPos);

    //On windows, when the output of a command is inserted into an edit buffer it has unix line ends.
    komodo.doCommand('cmd_cleanLineEndings');
}
catch (e) {
    alert(e);
}
finally {
    //Must end undo action or may corrupt edit buffer
    komodo.editor.endUndoAction();
}

    Les grandes différences sont ligne 5: komodo.document.la langue devient de komodo.vue.de la langue et de la ligne 40: Run_RunEncodedCommand devient ko.exécuter.runEncodedCommand

    OriginalL'auteur J_D

  5. 0

    Voulez un des onglets à la place des espaces?

    En plus de ce que @justquick dit, faire un rechercher/remplacer (Ctrl + h). Remplacement d'un double espace () avec un onglet (\t , assurez-vous que la regex est cochée) pour avoir le code html à onglets au lieu d'être espacés. Bien rangé utilise deux espaces par défaut, vous devrez changer votre trouver si vous avez configuré les Ranger différemment.

    OriginalL'auteur Woody

  6. 0

    1 Goto boîte à outils=>Add=>Nouvelle Commande

    2 Entrez la coquette arguments de ligne de commande dans le champ Exécuter:

    tidy -config tidy_config_html.txt

    3 Cochez toutes les cases

    4 Entrez le chemin d'accès pour mettre de l'ordre dans le Start In champ

    5 Cliquez sur le Key Binding onglet

    6 Utilisation Ctrl+1 comme la Nouvelle Séquence de touches

    7 Appuyez sur Ctrl+A,Ctrl+1

    OriginalL'auteur Paul Sweatte