Format and Indent σε πολλά html αρχεία

[rafinos]

Γεια σας παιδιά!

 

Χρησιμοποιώ notepad++ και μετά από μια πατάτα χάλασε το format πολλών αρχείων html. Υπάρχει τρόπος με κάποιο plugin να αλλάξω το format με tab indent (4 spaces) ή κάτι αντίστοιχο σε όλα τα αρχεία με τη μία;

[παπι]

Στο μενού με το replace, πρέπει ναχει επιλογή για αρχεία. Το tab είναι \t το space \n ή \r ή και τα δύο.

 

Btw δες το visual code.

[rafinos]

Στο μενού με το replace, πρέπει ναχει επιλογή για αρχεία. Το tab είναι \t το space \n ή \r ή και τα δύο.

 

Btw δες το visual code.

Με το \t έγινε η ζημιά.

 

Μειώθηκε κάπως το πρόβλημα με το ctrl+alt+L του android studio.

[παπι]

Κάτσε, το πώς το βλέπεις στον editor λες;

[Ruhl]

να κοψεις να ναρκωτικα και να πας σε
http://brackets.io/

https://atom.io/

https://www.sublimetext.com/

[rafinos]

Γιατί αυτοί οι editors θα μου αλλάξουν αυτόματα το indent στα αρχεία μου; Εμένα ο notepad++ με βολεύει δεν μπορώ να καταλάβω το σκεπτικό σας.

 

Ναι το πως τα βλέπω με ενδιαφέρει. 

[παπι]

Prettify λέγονται τα addons που κάνουν αυτή την δουλειά.

[rafinos]

Βασικά το ίδιο πράγμα είναι (ή τουλάχιστον τις λύσεις για prettify έχω δοκιμάσει που είναι πάνω κάτω οι ίδιες με αυτά που είπα).

[The King]

Γεια σας παιδιά!

 

Χρησιμοποιώ notepad++ και μετά από μια πατάτα χάλασε το format πολλών αρχείων html. Υπάρχει τρόπος με κάποιο plugin να αλλάξω το format με tab indent (4 spaces) ή κάτι αντίστοιχο σε όλα τα αρχεία με τη μία;

 

Δοκίμασε να βάλεις τον κακόμορφο HTML κωδικά που σου δημιουργήθηκε στα παρακάτω και μετά μεταφερέ τον κώδικα πίσω σε editor της προκοπής (Sublime ή Atom πχ)

 

Επιπλέον σε μερικά έχει rules για τα επιθυμητά ident spaces.

 

1. https://www.cleancss.com/html-beautify/
2. https://codebeautify.org/htmlviewer/
3. https://dirtymarkup.com/
4. http://htmlformatter.com/
5. http://minifycode.com/html-beautifier/

[rafinos]

Γεια σας και παλι παιδια.

 

Να διευκρινησω πως αυτο που ζητησα ειναι μαζικος τροπος αλλαγης του format και οχι νεος editor ουτε χειροκινητη αλλαγη σε καθε αρχειο (120 αρχεια ειναι).

[The King]

Γεια σας και παλι παιδια.

 

Να διευκρινησω πως αυτο που ζητησα ειναι μαζικος τροπος αλλαγης του format και οχι νεος editor ουτε χειροκινητη αλλαγη σε καθε αρχειο (120 αρχεια ειναι).

 

 

Σαφώς και υπάρχει εφόσον βασιστείς και τροποποιήσεις με Python κάποιο plugin που κάνει αρχικά τη δουλειά για ένα αρχείο πχ το HTMLBeautify ή το HTMLPrettify του Sublime ή αντίστοιχα του Atom.

 

Πάντως τόσες μέρες που ψάχνεις θα είχες τελειώσει να το κάνεις σε ένα-ένα τα 120 αρχεία αντί να ψάχνεις να γίνει μαζικά με τη μία, για 120 αρχεία (λίγα ειναι εφόσον πρόκειται για άνοιξε-μετατροπή-κλείσε) το πολύ 20 λεπτά να χρειαζόσουν. 

 

Eναλλακτικά αφού είσαι διατεθειμένος και καταναλώνεις περισσότερο χρόνο στην αναζήτηση αυτοματοποίησης από χειροκίνητης λύσης (βλ. προηγούμενο post μου), στήσε έναν basic NodeJS server και χρησιμοποίησε το παρακάτω gulp module το οποίο θα στα μορφοποιήσει μαζικά ενώ μπορείς να παίξεις με λίγη JavaScript. 

 

Είναι πολύ εύκολο να στήσεις NodeJS server αν έχεις βασική εξοικείωση ενώ επίσης στο NPM υπάρχουν και άλλα παρόμοια modules.

 

https://www.npmjs.com/package/gulp-html-beautify

 

Ενδεικτικές παράμετροι

var htmlbeautify = require('gulp-html-beautify');
 
gulp.task('htmlbeautify', function() {
  var options = {
    {indentSize: 2}
  };
  gulp.src('./src/*.html')
    .pipe(htmlbeautify(options))
    .pipe(gulp.dest('./public/'))
}); 

Παρόλα αυτά αν δεν είσαι εξοικειωμένος με Python (περίπτωση πρώτη) ή με NodeJS framework (περίπτωση 2η) θεωρώ και πάλι υπερβολή τα παραπάνω για άπαξ beautification 120 HTML αρχείων και επιμένω στη χρήση των HTML beautifiers που σου παρέθεσα χθες.

Επεξ/σία 22 Οκτωβρίου 2017 από The King

[rafinos]

Κοίτα, σταμάτησα να ψάχνω εκεί που ανέφερα ότι το έκανα με το android studio (δεν είναι τελείως όπως το θέλω αλλά οκ) απλά από τη στιγμή που ξεκινήσαμε ένα τέτοιο θέμα γιατί να μην βρούμε και τη λύση.

 

Ευχαριστώ για τις διεξοδικές περιγραφές σου.