Красивый js: Online JavaScript beautifier

Minify (также известный как uglify) в информатике — это процесс удаления всех ненужных символов из исходного кода без изменения его функциональности. Эти ненужные символы обычно включают в себя символы пробела, символы новой строки, комментарии и иногда разделители блоков, которые используются для повышения удобочитаемости кода, но не требуются для его выполнения. Минифицированный исходный код особенно полезен для интерпретируемых языков и форматов обмена данными, развертываемых и передаваемых в Интернете (например, JavaScript), поскольку он уменьшает объем данных, которые необходимо передать.

Уменьшенный исходный код может быть обращен с помощью процесса beautify (также известного как prettify), который применяет к нему различные стилистические соглашения о форматировании. Эти соглашения о форматировании обычно регулируют расположение, интервалы и аналогичные модификации, предназначенные для облегчения просмотра, чтения и понимания содержимого.

Простота использования

Начните с области «введите (или вставьте) здесь …», чтобы ввести данные, затем нажмите кнопки «уменьшить» или «украсить» соответственно.После моргания любого глаза результаты будут показаны под этими кнопками. Или используйте область «щелкните (или коснитесь) здесь …», чтобы выбрать файлы JS на вашем устройстве, а затем нажмите соответствующую кнопку. После завершения загрузки и обработки вы получите уведомление о необходимости загрузки полученного миниатюрного / улучшенного файла JS. Это все!

Надежно и надежно

Все коммуникации с нашими серверами осуществляются через безопасные зашифрованные соединения SSL (https). Загруженные файлы удаляются с наших серверов сразу после обработки, а полученный загружаемый файл JS удаляется сразу после первой попытки загрузки или 15 минут бездействия.Мы никоим образом не храним и не проверяем содержимое введенных данных или загруженных файлов. Ознакомьтесь с нашей политикой конфиденциальности ниже для получения более подробной информации.

Совершенно бесплатно

Наш инструмент можно использовать бесплатно. Теперь вам не нужно загружать программное обеспечение для таких задач.

js-beautify — npm

Это маленькое украшение будет переформатировать и изменить отступ букмарклетов, некрасиво JavaScript, распаковать скрипты, запакованные популярным упаковщиком Дина Эдварда, а также частично деобфускатные скрипты, обрабатываемые пакетом npm javascript-обфускатор.

Откройте beautifier.io, чтобы попробовать. Параметры доступны через пользовательский интерфейс.

Я помещаю это в центр выше, потому что у существующих владельцев очень ограниченное время для работы над этим проектом в настоящее время. Это популярный и широко используемый проект, но ему отчаянно нужны участники, у которых есть время, чтобы исправить оба клиент сталкивается с ошибками и проблемами, связанными с внутренним дизайном и реализацией.

Если вам интересно, пожалуйста, взгляните на ВКЛАД.md, затем исправьте проблему, помеченную меткой «Хорошая первая проблема», и отправьте PR. Повторяйте как можно чаще. Спасибо!

Вы можете установить украшение для node.js или python.

Node.js JavaScript

Вы можете установить пакет NPM js-beautify . При глобальной установке он предоставляет исполняемый скрипт js-beautify . Как и в случае со сценарием Python, улучшенный результат отправляется на stdout , если не настроено иное.

 $ npm -g установить js-beautify
$ js-beautify foo.js 

Вы также можете использовать js-beautify в качестве библиотеки node (установить локально, npm по умолчанию):

 $ npm установить js-beautify 

Node.js JavaScript (vNext)

Вышеупомянутый вариант устанавливает последний стабильный выпуск. Для установки бета-версий или RC-версий:

 $ npm установить js-beautify @ next 

Интернет-библиотека

Украситель может быть добавлен на вашу страницу в виде веб-библиотеки.

JS Beautifier размещается на двух сервисах CDN: cdnjs и rawgit.

Чтобы получить последнюю версию из одной из этих служб, включите в свой документ один набор тегов сценария, приведенных ниже:

Более ранние версии доступны при изменении номера версии.

Заявление об отказе от ответственности: это бесплатные услуги, поэтому нет никаких гарантий безотказной работы или поддержки.

Python

Чтобы установить версию украшения для Python:

 $ установка jsbeautifier $ 

В отличие от версии JavaScript, версия Python может только переформатировать JavaScript.Он не работает с файлами HTML или CSS, но вы можете установить css-beautify для CSS:

 $ pip install cssbeautifier 

Вы можете украсить javascript с помощью JS Beautifier в своем веб-браузере или в командной строке с помощью node.js или python.

Веб-браузер

Откройте beautifier.io. Параметры доступны через пользовательский интерфейс.

Интернет-библиотека

Приведенные выше теги скрипта предоставляют три функции: js_beautify , css_beautify и html_beautify .

Node.js JavaScript

При глобальной установке beautifier предоставляет исполняемый скрипт js-beautify . Усовершенствованный результат отправляется на stdout , если не настроено иное.

Чтобы использовать js-beautify в качестве библиотеки node (после локальной установки), импортируйте и вызовите соответствующий метод beautifier для javascript (js), css или html. Все три сигнатуры метода: beautify (код, параметры) . код — строка кода, которую нужно украсить.options — это объект с настройками, которые вы хотели бы использовать для украшения кода.

Имена параметров конфигурации такие же, как имена CLI, но с подчеркиванием вместо дефисов. Например, --indent-size 2 --space-in-empty-paren будет {indent_size: 2, space_in_empty_paren: true} .

 var beautify = require ('js-beautify'). Js,
    fs = require ('fs');

fs.readFile ('foo.js', 'utf8', function (err, data) {
    if (err) {
        бросить ошибку;
    }
    приставка.журнал (украсить (данные, {indent_size: 2, space_in_empty_paren: true}));
}); 

Python

После установки для украшения с помощью Python:

Усовершенствованный вывод по умолчанию идет на stdout .

Использовать jsbeautifier как библиотеку просто:

 импорт jsbeautifier
res = jsbeautifier.beautify ('ваша строка javascript')
res = jsbeautifier.beautify_file ('some_file.js') 

… или, чтобы указать некоторые параметры:

 opts = jsbeautifier.default_options ()
opts.indent_size = 2
opts.space_in_empty_paren = Верно
res = jsbeautifier.beautify ('некоторый javascript', opts) 

Имена параметров конфигурации такие же, как имена CLI, но с подчеркиванием вместо дефисов. Приведенный выше пример будет установлен в командной строке как --indent-size 2 --space-in-empty-paren .

Это флаги командной строки для скриптов Python и JS:

  Параметры интерфейса командной строки:
  -f, --file Входные файлы (передать '-' для стандартного ввода)
  -r, --replace Записать вывод на месте, заменив ввод
  -o, --outfile Записывать вывод в файл (стандартный вывод по умолчанию)
  --config Путь к файлу конфигурации
  --type [js | css | html] ["js"] Выбрать тип украшения (ПРИМЕЧАНИЕ: * не * фильтрует файлы, а только определяет, какой тип украшения запускать)
  -q, --quiet Запретить запись в стандартный вывод
  -h, --help Показать эту справку
  -v, --version Показать версию

Варианты украшения:
  -s, --indent-size Размер отступа [4]
  -c, --indent-char Символ отступа [""]
  -t, --indent-with-tabs Отступ с табуляцией, переопределяет -s и -c
  -e, --eol Символ (ы) для использования в качестве ограничителей строки.[первая новая строка в файле, иначе "\ n]
  -n, --end-with-newline Завершить вывод с новой строкой
  --editorconfig Используйте EditorConfig для настройки параметров
  -l, --indent-level Начальный уровень отступа [0]
  -p, --preserve-newlines Сохранять разрывы строк (--no-preserve-newlines отключает)
  -m, --max-preserve-newlines Количество переносов строк, сохраняемых в одном фрагменте [10]
  -P, --space-in-paren Добавить пробелы-отступы внутри парена, т.е.f (а, б)
  -E, --space-in-empty-paren Добавить один пробел внутри пустого парена, т.е. f ()
  -j, --jslint-happy Включить более строгий режим jslint
  -a, --space-after-anon-function Добавить пробел перед скобками анонимной функции, т.е. функция ()
  --space-after-named-function Добавить пробел перед скобками именованной функции, например, function example ()
  -b, --brace-style [свернуть | развернуть | конец-развернуть | нет] [, сохранить в строке] [свернуть, сохранить в строке]
  -u, --unindent-chained-methods Не делать отступы для вызовов связанных методов
  -B, --break-chained-methods Прервать вызовы связанных методов между последующими строками
  -k, --keep-array-indentation Сохранить отступ массива
  -x, --unescape-strings Расшифровать печатаемые символы, закодированные в нотации xNN
  -w, --wrap-line-length Перенести строки, длина которых превышает N символов [0]
  -X, --e4x Пропустить xml-литералы E4X через нетронутые
  --хорошие вещи Согрейте моллюски сердца Крокфорда
  -C, --comma-first Ставить запятые в начале новой строки вместо конца
  -O, --operator-position Установить позицию оператора (before-newline | after-newline | preserve-newline) [before-newline]
  --indent-empty-lines Сохранять отступ на пустых строках
  --templating Список языков шаблонов (auto, django, erb, handlebars, php, smarty) ["auto"] auto = none в JavaScript, все в html
  

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

значения по умолчанию для параметров интерфейса командной строки

 {
    "indent_size": 4,
    "indent_char": "",
    "indent_with_tabs": ложь,
    "editorconfig": ложь,
    "эол": "\ п",
    "end_with_newline": ложь,
    "indent_level": 0,
    "preserve_newlines": правда,
    "max_preserve_newlines": 10,
    "space_in_paren": ложь,
    "space_in_empty_paren": ложь,
    "jslint_happy": ложь,
    "space_after_anon_function": ложь,
    "space_after_ named_function": ложь,
    "brace_style": "свернуть",
    "unindent_chained_methods": ложь,
    "break_chained_methods": ложь,
    "keep_array_indentation": ложь,
    "unescape_strings": ложь,
    "wrap_line_length": 0,
    "e4x": ложь,
    "comma_first": ложь,
    "operator_position": "до новой строки",
    "indent_empty_lines": ложь,
    "шаблон": ["авто"]
} 

значения по умолчанию не отображаются в cli

 {
  "eval_code": ложь,
  "space_before_conditional": истина
} 

Обратите внимание, что не все значения по умолчанию доступны через интерфейс командной строки.Исторически сложилось так, что Python и JS API не были идентичны на 100%. Есть еще несколько других дополнительных случаев, удерживающих нас от 100% API-совместимости.

Загрузка настроек из окружения или .jsbeautifyrc (только для JavaScript)

В дополнение к аргументам CLI вы можете передать конфигурацию исполняемому файлу JS через:

• любые jsbeautify_ -префиксные переменные среды
• файл в формате JSON , обозначенный параметром --config
• а .jsbeautifyrc файл, содержащий данные JSON на любом уровне файловой системы выше $ PWD

Источники конфигурации, предоставленные ранее в этом стеке, переопределяют более поздние.

Настройка наследования и переопределений для конкретного языка

Настройки представляют собой мелкое дерево, значения которого наследуются для всех языков, но можно переопределить. Это работает для настроек, передаваемых непосредственно в API в любой реализации. В реализации Javascript настройки, загружаемые из файла конфигурации, например.jsbeautifyrc, также может использовать наследование / переопределение.

Ниже приведен пример дерева конфигурации, показывающий все поддерживаемые местоположения. для узлов переопределения языка. Мы будем использовать indent_size , чтобы обсудить, как будет вести себя эта конфигурация, но любое количество настроек может быть унаследовано или переопределено:

 {
    "indent_size": 4,
    "html": {
        "end_with_newline": правда,
        "js": {
            "indent_size": 2
        },
        "css": {
            "indent_size": 2
        }
    },
    "css": {
        "indent_size": 1
    },
    "js": {
       "сохранить-новые строки": правда
    }
} 

Использование приведенного выше примера даст следующий результат:

• HTML файлы
  • Наследовать indent_size из 4 пробелов от настройки верхнего уровня.
  • Файлы также будут заканчиваться новой строкой.
  • JavaScript и CSS внутри HTML
    • Наследовать настройку HTML end_with_newline .
    • Заменить отступ на 2 пробела.
• файлов CSS
  • Заменить настройку верхнего уровня на indent_size из 1 пробела.
• файлов JavaScript
  • Наследовать indent_size из 4 пробелов от настройки верхнего уровня.
  • Установить preserve-newlines на true .

CSS и HTML

В дополнение к исполняемому файлу js-beautify , css-beautify и html-beautify также предоставляются в виде простого интерфейса в эти сценарии. В качестве альтернативы, js-beautify --css или js-beautify --html выполнят то же самое, соответственно.

 // Программный доступ
var beautify_js = require ('js-beautify'); // также доступно при экспорте "js"
var beautify_css = require ('js-beautify').css;
var beautify_html = require ('js-beautify'). html;

// Все методы принимают два аргумента: строку для украшения и объект параметров. 

Украсители CSS и HTML намного проще по объему и обладают гораздо меньшим количеством опций.

  Параметры CSS Beautifier:
  -s, --indent-size Размер отступа [4]
  -c, --indent-char Символ отступа [""]
  -t, --indent-with-tabs Отступ с табуляцией, переопределяет -s и -c
  -e, --eol Символ (ы) для использования в качестве ограничителей строки.(новая строка по умолчанию - "\\ n")
  -n, --end-with-newline Завершить вывод с новой строкой
  -b, --brace-style [свернуть | развернуть] ["свернуть"]
  -L, --selector-separator-newline Добавить новую строку между несколькими селекторами
  -N, --newline-between-rules Добавить новую строку между правилами CSS
  --indent-empty-lines Сохранять отступ на пустых строках

Параметры HTML Beautifier:
  -s, --indent-size Размер отступа [4]
  -c, --indent-char Символ отступа [""]
  -t, --indent-with-tabs Отступ с табуляцией, переопределяет -s и -c
  -e, --eol Символ (ы) для использования в качестве ограничителей строки.(новая строка по умолчанию - "\\ n")
  -n, --end-with-newline Завершить вывод с новой строкой
  -p, --preserve-newlines Сохранить существующие разрывы строк (--no-preserve-newlines отключает)
  -m, --max-preserve-newlines Максимальное количество переносов строк, сохраняемых в одном фрагменте [10]
  -I, --indent-inner-html Отступ разделов  и . По умолчанию - false.
  -b, --brace-style [collapse-preserve-inline | collapse | expand | end-expand | none] ["collapse"]
  -S, --indent-scripts [держать | отдельно | нормальный] ["нормальный"]
  -w, --wrap-line-length Максимальное количество символов в строке (0 отключает) [250]
  -A, --wrap-attributes Перенести атрибуты в новые строки [auto | force | force-align | force-expand-multiline | согласовано-множественное | сохранить | сохранить-выровнено] ["авто"]
  -i, --wrap-attributes-indent-size Отступить обернутые атрибуты до после N символов [размер отступа] (игнорируется, если атрибуты переноса "выровнены")
  -d, --inline Список тегов, которые будут считаться встроенными тегами
  -U, --unformatted Список тегов (по умолчанию встроенные), которые не следует переформатировать
  -T, --content_unformatted Список тегов (по умолчанию pre), содержимое которых не следует переформатировать
  -E, --extra_liners Список тегов (по умолчанию [head, body, / html], перед которыми должна стоять дополнительная строка.--editorconfig Используйте EditorConfig для настройки параметров
  --indent_scripts Устанавливает уровень отступа внутри тегов скрипта («нормальный», «сохранить», «отдельный»)
  --unformatted_content_delimiter Сохранять текстовое содержимое между этой строкой [""]
  --indent-empty-lines Сохранять отступ на пустых строках
  --templating Список языков шаблонов (auto, none, django, erb, handlebars, php, smarty) ["auto"] auto = none в JavaScript, все в html
  

Директивы

позволяют вам управлять поведением Beautifier из ваших исходных файлов.Директивы помещаются в комментарии внутри файла. Директивы имеют формат / * beautify {name}: {value} * / в CSS и JavaScript. В HTML они форматируются как .

Игнорировать директиву

Директива ignore заставляет средство украшения полностью игнорировать часть файла, рассматривая ее как буквальный текст, который не анализируется. Указанные ниже данные останутся неизменными после украшения:

 // Используйте игнорирование, когда контент не может быть проанализирован на текущем языке, в данном случае JavaScript.var a = 1;
/ * украсить ignore: start * /
 {Это какой-то странный {язык шаблонов {с открытыми скобками?
/ * украсить ignore: end * / 

Сохранить директиву

ПРИМЕЧАНИЕ: эта директива работает только в HTML и JavaScript, но не в CSS.

Директива preserve заставляет Beautifier анализировать, а затем сохранять существующее форматирование раздела кода.

Указанные ниже данные останутся неизменными после украшения:

 // Используйте preserve, когда содержимое является допустимым синтаксисом на текущем языке, в данном случае JavaScript.// Это проанализирует код и сохранит существующее форматирование.
/ * украсить preserve: start * /
{
    browserName: 'Internet Explorer',
    платформа: 'Windows 7',
    версия: '8'
}
/ * украсить preserve: end * / 

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

Спасибо также Джейсону Даймонду, Патрику Хофу, Нохуму Соссонко, Андреасу Шнайдеру, Дэйву. Василевский, Виталий Батманов, Рон Болдуин, Габриэль Харрисон, Крис Дж.Шулль, Матиас Биненс, Витторио Гамбалетта и другие.

(README.md: [email protected])

Vue Chartkick — Создавайте красивые диаграммы JavaScript с помощью одной строки Vue

Создавайте красивые диаграммы JavaScript с помощью одной строки Vue

Загрузка …

Быстрый старт

Бег

  npm установить vue-chartkick chart.js
  

Последняя версия работает с Vue 3. Для Vue 2 используйте версию 0.6.1 и этот файл readme.

И добавьте в свое приложение

  импортировать VueChartkick из 'vue-chartkick'
import 'chartkick / chart.js '

app.use (VueChartkick)
  

Это устанавливает Chartkick с Chart.js. Для других библиотек диаграмм см. Подробные инструкции.

Графики

График

Загрузка …

Круговая диаграмма

Загрузка …

Гистограмма

Погрузка…

Гистограмма

Загружается …

Диаграмма с областями

Загружается …

Точечная диаграмма

Загрузка…

Географическая карта — Google Карты

Загружается …

Хронология — Google Charts

Загружается …

Многосерийная

Погрузка…

  data = [
  {name: 'Workout', data: {'2017-01-01 00:00:00 -0800': 3, '2017-01-02 00:00:00 -0800': 4}},
  {имя: 'Позвонить родителям', данные: {'2017-01-01 00:00:00 -0800': 5, '2017-01-02 00:00:00 -0800': 3}}
];

// а также

  

Попрощайтесь с таймаутами

Сделайте так, чтобы ваши страницы загружались очень быстро и перестали беспокоиться о тайм-аутах. Дайте каждой диаграмме собственную конечную точку.

Опции

Идентификатор, ширина и высота

Мин. И макс. Значения

мин. по умолчанию 0 для диаграмм с неотрицательными значениями.Используйте null , чтобы позволить библиотеке диаграмм решать.

Мин. И макс. Для оси x — Chart.js

Цвета

Наборные колонны или стержни

Дискретная ось

Наклейка (для одиночной серии)

Названия Axis

Прямые линии между точками вместо кривой

Показать или скрыть легенду

Укажите позицию легенды

Пончиковая диаграмма

Префикс, полезный для валюты — График.js, Highcharts

Суффикс, полезный для процентов — Chart.js, Highcharts

Установить разделитель тысяч — Chart.js, Highcharts

Установить десятичный разделитель — Chart.js, Highcharts

Установить значащие цифры — Диаграмма.js, Highcharts

Установить округление — Chart.js, Highcharts

Показывать незначащие нули, полезно для валюты — Chart.js, Highcharts

Дружественные размеры байтов — Chart.js 2.8+

Укажите сообщение при загрузке графика

Укажите сообщение, когда данные пусты

Обновлять данные из удаленного источника каждые n секунд

Вы можете передать параметры прямо в библиотеку диаграмм с помощью:

См. Документацию по Google Charts, Highcharts и Chart.js для получения дополнительной информации.

Для настройки наборов данных в Chart.js используйте:

Эту опцию можно передать и отдельным сериям.

Глобальные параметры

Чтобы установить параметры для всех ваших диаграмм, используйте:

  Chartkick.options = {
  цвета: ["# b00", "# 666"]
}
  

Данные

Передавать данные как массив или объект

Times может быть Date , отметкой времени или строкой (строки анализируются)

Множественная серия

Вы можете передать несколько вариантов с серией:

• наименование
• данные
• цвет
• набор данных — Диаграмма.только js
• точек — Только Chart.js
• кривая — Только Chart.js

Скачать графики

Только Chart.js

Дайте пользователям возможность загружать графики. Все это происходит в браузере — серверный код не требуется.

Загрузка …

Установить имя файла

Примечание. Safari откроет изображение в новом окне вместо загрузки.

Установить цвет фона

Установка

Chart.js

Бег

  npm установить vue-chartkick chart.js
  

И прибавляем

  импортировать VueChartkick из 'vue-chartkick'
импортировать 'chartkick / chart.js'

app.use (VueChartkick)
  

Google Charts

Бег

  npm установить vue-chartkick
  

И прибавляем

  импортировать VueChartkick из 'vue-chartkick'

приложение.использовать (VueChartkick)
  

И включить на странице

Чтобы указать язык или ключ API Карт Google, используйте:

  Chartkick.configure ({language: "de", mapsApiKey: "..."})
  

Highcharts

Бег

  npm установить vue-chartkick highcharts
  

И прибавляем

  импортировать VueChartkick из 'vue-chartkick'
импортировать 'chartkick / highcharts'

приложение.использовать (VueChartkick)
  

Нет диспетчера пакетов

Включите библиотеку диаграмм и библиотеку Chartkick

Несколько библиотек

Если загружено более одной графической библиотеки, выберите одну из них с помощью:

Варианты: google , highcharts и chartjs

Пример

  

   


<сценарий>
  var app = Vue.createApp ({
    el: "#app",
    данные: {
      chartData: [[«Янв», 4], [«Фев», 2], [«Мар», 10], [«Апрель», 5], [«Май», 3]]
    }
  })
  app.use (VueChartkick)
  app.mount ("# приложение")

  

Обновление

1,0

Vue Chartkick 1.0 добавляет поддержку Vue 3. Vue 3 требует, чтобы вы указывали плагины для каждого приложения.

  Vue.use (Chartkick.use (Chart))
  

по

  app.use (Chartkick.use (Chart))
  

Если менеджер пакетов не устанавливается, Chartkick.js больше не входит в комплект, что позволяет обновлять их независимо. Включите его вручную перед Vue Chartkick.

Наконец, Vue Chartkick больше не использует настраиваемую логику для проверки необходимости повторного рендеринга. Подробнее см. В документации по реактивности.

История

Посмотреть журнал изменений

Содействие

Мы призываем всех помочь улучшить этот проект.Вот несколько способов, которыми вы можете помочь:

Чтобы начать разработку, запустите:

  git clone https://github.com/ankane/vue-chartkick.git
cd vue-chartkick
npm install
npm запустить сборку
  

атом-украсить

Установить Unibeautify CI для GitHub

Помогите улучшить Atom-Beautify, заполнив краткую анкету: https://goo.gl/iEHBNr

Украсить HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C ++, C #, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL и другие в Atom

Содержание

Установка

Пакет Atom: https: // atom.io / пакеты / atom-beautify

 
 apm установить atom-beautify 
 

Или Настройки / Предпочтения ➔ Установить ➔ Искать atom-beautify

Установить Unibeautify CI для GitHub

Важное примечание: Analytics

Atom-Beautify учитывает параметр конфигурации core.telemetryConsent из редактора Atom. Если вы не хотите, чтобы данные об использовании отправлялись в Google Analytics, перед использованием Atom-Beautify установите core.telemetryConsent на без или не определено .См. Подробности в разделе документации Anonymous Analytics . Спасибо.

Следующая версия: Unibeautify

Atom-Beautify будет полностью переписан с использованием Unibeautify в своей основе! Сведения о незавершенных работах и ​​проблеме № 1174 см. В ветке unibeautify .

Установить Unibeautify CI для GitHub

Опрос: Улучшение установки сторонних бьютификаторов

Многие пользователи испытывают проблемы при установке сторонних украшений (например.грамм. Uncrustify, PHP-CS-Fixer и многие другие). Возможное решение — «облачный» сервис, обеспечивающий удаленный доступ к этим устройствам красоты. Затем Atom-Beautify будет связываться с этими службами, что позволяет не устанавливать никаких дополнительных устройств.

Сообщите нам, что вы думаете!

Украшатели

Некоторые из поддерживаемых средств украшения разработаны для Node.js и автоматически устанавливаются при установке Atom-Beautify. Однако другие средства красоты являются приложениями интерфейса командной строки (CLI) и требуют установки вручную.

Языковая поддержка

См. Все поддерживаемые параметры в документации по адресу docs / options.md .

Использование

Палитра команд

Откройте палитру команд, введите Beautify и запустите Beautify Editor .

Украсить определенный язык

Вы можете использовать палитру команд, чтобы украсить редактор для определенного языка. Команды имеют вид Atom Beautify: Beautify Language {NAME} (i.е. atom-beautify: beautify-language- {NAME} для сочетаний клавиш). Например, вы можете захотеть украсить код JavaScript в файле HTML .

Выбор кода

Украшает только выделенный текст, если выделение найдено — в противном случае улучшается весь файл.

Украсить при сохранении

Украсить при сохранении можно включить для каждого языка отдельно.

Например, для языка HTML перейдите в настройки пакета Atom-Beautify ( Atom ➔ Настройки ➔ Найдите atom-beautify ), найдите HTML и переключите опцию Beautify On Save .

Сочетание клавиш

Вы также можете набрать Ctrl-Alt-B в качестве ярлыка или щелкнуть Packages> Beautify в меню.

Пользовательские сочетания клавиш

См. Подробные сведения о раскладках клавиатуры.

Например:

 
 '.editor': 
 
 'ctrl-alt-b': 'atom-beautify: beautify-editor' 
 

Конфигурация

Отредактируйте файл .jsbeautifyrc в любом из следующих мест:

• Настройки пакета Atom Atom ➔ Настройки ➔ Искать atom-beautify
• Тот же каталог, что и текущий файл
• Корень проекта atom-beautify будет рекурсивно искать из каталога текущего файла, чтобы найти .Ярославль .
• Домашний каталог вашего пользователя

Примечание : Комментарии поддерживаются в .jsbeautifyrc благодаря strip-json-comments.

См. Примеры обоих способов внутри примеров /

См. Все поддерживаемые параметры в документации по адресу docs / options.md .

Простой

См. Примеры / simple-jsbeautifyrc / .jsbeautifyrc.

 
 {
 
 "indent_size": 2, 
 
 "indent_char": "", 
 
 "other": "", 
 
 "indent_level": 0, 
 
 "indent_with_tabs": false, 
_ 
 "сохранить" : True, 
 
 "max_preserve_newlines": 2, 
 
 "jslint_happy": true, 
 
 "indent_handlebars": true 
 
} 
 

Вложенный (рекомендуется)

См. Примеры / nested-jsbeautifyrc /.jsbeautifyrc.

 
 {
 
 "html": {
 
 "brace_style": "collapse", 
 
 "indent_char": "", 
 
 "indent_scripts": "normal", 
 
 "indent_size": 6, 
 
 " max_preserve_newlines ": 1, 
 
" preserve_newlines ": true, 
 
" unformatted ": [" a "," sub "," sup "," b "," i "," u "], 
 
" wrap_line_length " : 0 
 
}, 
 
 "css": {
 
 "indent_char": "", 
 
 "indent_size": 4 
 
}, 
 
 "js": {
 
 "indent_size": 2, 
 
 "indent_char": "", 
 
 "indent_level": 0, 
 
 "indent_with_tabs": false, 
 
 "preserve_newlines": true, 
 
 "max_preserve_newlines": 2, 
 
 "jslint_happy", 
 "jslint_happy", 
 
 
 "sql": {
 
 "indent_size": 4, 
 
 "indent_char": "", 
 
 "indent_level": 0, 
 
 "дюйм dent_with_tabs ": ложь 
 
} 
 
} 
 

Поиск и устранение неисправностей

См. Документацию / поиск и устранение неисправностей .мкр .

Вклад

См. CONTRIBUTING.md .

См. Всех участников на GitHub.

Обновите CHANGELOG.md, добавить себя в качестве участника package.json, и отправьте запрос на слияние на GitHub.

Лицензия

MIT © Главин Вихерт

Красивая математика во всех браузерах.

О нас

MathJax — это финансируемый финансами проект под эгидой Фонд NumFOCUS, который служит юридический и финансовый зонтик для проекта MathJax и нескольких десятков других научно-ориентированные программные продукты с открытым исходным кодом.

Первоначально MathJax поддерживался Консорциумом MathJax, совместным предприятием Американское математическое общество (AMS) и Общество промышленной и прикладной математики (SIAM) для продвижения математического и научного контента в Интернете. Мы благодарны за обязательства, предлагаемые Консорциумом более 10 лет, без которых MathJax не существует сегодня.

Основные цели

Ядро проекта MathJax — это разработка передовых программ с открытым исходным кодом, Платформа JavaScript для отображения математики.Наши основные цели дизайна:

• Качественное отображение математической записи во всех браузерах.
• Никакой специальной настройки браузера не требуется.
• Поддержка LaTeX, MathML и другой разметки уравнений непосредственно в исходном HTML-коде.
• Расширяемый модульный дизайн с богатым API для простой интеграции в веб-приложения.
• Поддержка специальных возможностей, копирования и вставки и других расширенных функций.
• Взаимодействие с другими приложениями и математический поиск.
• Поддержка преобразования формул вне браузера (например, предварительная обработка на сервере).

Консультативные комитеты

Руководящий комитет MathJax регулярно встречается с консультировать команду MathJax относительно ее целей и приоритетов в области развития. Мы благодарны за поддержка членов нашего комитета!

Руководящий комитет MathJax

• Кэтрин Робертс, AMS
• Роберт Харингтон, AMS
• Том Блайт, AMS
• Astrid van Hoeydonck, Elsevier
• Кен Роусон, IEEE
• Тед Кулл, SIAM
• Джим Кроули, SIAM
• Давид Червоне, MathJax
• Фолькер Зорге, MathJax

История

MathJax вырос из популярного jsMath проект, более ранняя система математической визуализации на основе Ajax, разработанная Давидом Червоне в 2004 г.В последующие годы произошло много значительных событий, касающихся Интернета. публикация по математике: консолидация браузерной поддержки CSS 2.1, Web Font технологии, принятие стандартов доступности математики и растущее использование XML рабочие процессы для научных публикаций.

В 2009 году AMS, Design Science и SIAM сформировали консорциум MathJax, чтобы позволить Cervone и другие, чтобы спроектировать MathJax с нуля как платформу следующего поколения, пока пользуясь обширным практическим опытом, полученным с помощью jsMath.С момента своего первоначального Выпущенный в 2010 году, MathJax стал золотым стандартом математики в Интернете.

В 2019 году MathJax присоединился к семейству NumFOCUS. программные продукты с открытым исходным кодом в качестве финансируемого проекта. MathJax продолжает оставаться поддерживается спонсорами-основателями и другими партнерами, поскольку он присоединяется к этому динамичному сообществу.

За годы, прошедшие с момента первой разработки MathJax, новые веб-технологии и парадигмы возникла, и MathJax не всегда было легко включить в эти новые подходы.В 2017 г., после почти десятилетнего использования, была начата работа над MathJax версии 3, полная переписать MathJax с нуля с использованием современных технологий. Эта новая версия интегрируется с текущими наборами инструментов и фреймворками и может одинаково хорошо работать в браузере на сервере или в автономном приложении. Он должен стать прочным основанием для еще одно десятилетие использования MathJax, и его использование языка Typescript должно сделать вклады нашего сообщества пользователей легче создавать и включать в MathJax.

Команда MathJax

Команда MathJax состоит из Давиде Сервоне и Фолькер Зорге. Авторы включают Кристиан Лоусон-Перфект, Омар Аль-Итави, а также Питер Краутцбергер.

Красивый JavaScript. Это отрывок из книги «Красиво… | Автор: Антон

Красивый JavaScript

Это отрывок из книги Красивый JavaScript , книги под редакцией Антона Ковалёва и изданной О’Рейли.

Функции — это первоклассные граждане, синтаксис напоминает Java, наследование является прототипом, и (+ ””) равно нулю. Это JavaScript, возможно, самый противоречивый и непонятный язык программирования в мире. Он был создан за 10 дней, и на нем было много бородавок и шероховатостей. С тех пор было много попыток заменить его языком Интернета. И все же язык и окружающая его экосистема процветают. JavaScript — самый популярный язык в мире и единственный настоящий язык веб-платформы.Что сделало JavaScript особенным? Почему язык, который был создан в такой спешке, оказался успешным, а другие потерпели неудачу?

Я считаю, что причины, по которым JavaScript (и Интернет в целом) выжили, кроются в его вездесущности — практически невозможно найти персональный компьютер без какого-либо интерпретатора JavaScript — и его способности извлекать выгоду из беспорядка, использовать его стрессоры для самосовершенствования.

JavaScript, как никакой другой язык, привлек на платформу самых разных людей.Любой, у кого есть текстовый редактор и веб-браузер, мог начать работу с JavaScript, и многие так и поступили. Его выразительность и ограниченная стандартная библиотека побудили этих людей поэкспериментировать с языком и довести его до предела. Люди не только создавали веб-сайты и приложения; они писали библиотеки и создавали языки программирования, которые можно было скомпилировать обратно в JavaScript. Эти библиотеки конкурировали друг с другом, и их подходы к решению проблем часто противоречили друг другу. Экосистема JavaScript была беспорядочной, но кипела жизнью.

Многие из этих библиотек и языков сейчас забыты. Однако их лучшие идеи — те, которые зарекомендовали себя и выдержали испытание временем — были впитаны в язык. Они вошли в стандартную библиотеку JavaScript и ее синтаксис. Они сделали язык лучше.

Затем были языки и технологии, которые были разработаны для замены JavaScript.