Красивое форматирование html, css , js на javascript?

314
16 июня 2017, 11:11

Есть строки в которых лежит html, js, css, json код. Если ли какие нибудь инструменты на javascript чтобы получив такую строку с кодом отформатировать её по указанному типу? То есть расставить пробелы, переносы строк и.т.д.

Answer 1

Проект JS Beautifier позволяет форматировать JavaScript, HTML, JSON. Некоторые параметры можно настраивать.

var beautify = require('js-beautify').js_beautify,
    fs = require('fs');
fs.readFile('foo.js', 'utf8', function (err, data) {
    if (err) {
        throw err;
    }
    console.log(beautify(data, { indent_size: 2 }));
});

В действии можно посмотреть на http://jsbeautifier.org/

Еще есть проект Prettier. Он умеет форматировать:

  • JavaScript (включая ES2017)
  • JSX
  • Flow
  • TypeScript
  • CSS, LESS и SCSS

У него практически нет никаких настроек - он просто приводит код к виду, который автор считает верным.

В действии можно посмотреть на https://prettier.github.io/prettier

READ ALSO
Как убрать toggle эффект?

Как убрать toggle эффект?

Возник вопрос, о том как возможно убрать toggle в коде, этот плагин установлен в WordPress называется он olevmedia-shortcodes

206
Как сортировать по алфавиту ссылки

Как сортировать по алфавиту ссылки

Этим я отсортировал только текст, но ссылки остались на прежних местахКак сделать чтобы текст ссылки соответствовал адресу ссылки после...

185
JavaScript Object/ Class/ Getter methods

JavaScript Object/ Class/ Getter methods

Добрый день) Мне нужно выполнить эти задания что бы пройти собеседование в одной компаний, на первую работу) Вот задания:

238
Получить файл удаленно по маске!

Получить файл удаленно по маске!

Люди добрые, хочу просто получить удаленно файл по маске с сервера и сохранить к себе в папкуВсе, что перед

194