Руководство пользователя Отмена

Форматирование кода

 

 

Задайте предпочтения, которые будут управлять форматированием кода каждый раз при создании или изменении файла.

Форматирование кода вручную

  1. Откройте поддерживаемый файл.

  2. Выберите Редактировать > Код > Применить исходное форматирование.

    Или выберите Применить исходное форматирование в разделе Общая панель инструментов > Форматировать исходный код.

Форматирование выделенного кода в файле вручную

  1. Откройте код.

  2. Выберите любой фрагмент кода.

  3. Выберите Редактировать > Код > Применить исходное форматирование к выделенному.

    Или выберите Применить исходное форматирование к выбранному в разделе Общая панель инструментов > Форматировать исходный код.

    Примечание.

    При выборе кода в любом теге и применении исходного форматирования к выделенному форматирование применяется к родительскому тегу.

Изменение стандартных правил форматирования кода

Вы можете регулировать форматирование кода CSS, JS и PHP путем добавления правил форматирования в файл.jsbeautifyrc в корневой папке сайта.

Чтобы добавить файл.jsbeautifyrc, выполните следующие шаги.

Примечание.
  • Следующие инструкции относятся только к документам CSS, JS и PHP.
  • HTML-теги в документе PHP форматируются в соответствии с установками в библиотеках тегов.Вы можете форматировать код внутри блоков PHP в соответствии с нижеуказанными инструкциями.
  1. Создайте новый файл в корневой папке сайта с именем .jsbeautifyrc.

  2. Скопируйте нижеприведенные стандартные правила форматирования для CSS, JS и PHP в .jsbeautifyrc и сохраните файл.

    {
    "js": {
    "eol": "\n",
    "preserve_newlines": true,
    "max_preserve_newlines": 3,
    "space_after_anon_function": true,
    "keep_array_indentation": false,
    "space_before_conditional": true,
    "break_chained_methods": false,
    "unescape_strings": false,
    "wrap_line_length": 0,
    "end_with_newline": true,
    "comma_first": false,
    "operator_position": "after-newline"
    },
    "css": {
    "preserve_newlines": false,
    "selector_separator_newline" : false,
    "end_with_newline": false,
    "newline_between_rules": false,
    "space_around_selector_separator": true
    },
    "php": {
    "eol": "\n",
    "preserve_newlines": true,
    "max_preserve_newlines": 3,
    "space_after_anon_function": true,
    "brace_style": "collapse",
    "keep_array_indentation": false,
    "space_before_conditional": true,
    "break_chained_methods": false,
    "unescape_strings": false,
    "wrap_line_length": 0,
    "end_with_newline": false,
    "comma_first": false,
    "space_in_paren":true
    }
    }
    { "js": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": true, "comma_first": false, "operator_position": "after-newline" }, "css": { "preserve_newlines": false, "selector_separator_newline" : false, "end_with_newline": false, "newline_between_rules": false, "space_around_selector_separator": true }, "php": { "eol": "\n", "preserve_newlines": true, "max_preserve_newlines": 3, "space_after_anon_function": true, "brace_style": "collapse", "keep_array_indentation": false, "space_before_conditional": true, "break_chained_methods": false, "unescape_strings": false, "wrap_line_length": 0, "end_with_newline": false, "comma_first": false, "space_in_paren":true } }
    { 
     
        "js": { 
     
            "eol": "\n", 
     
            "preserve_newlines": true, 
     
            "max_preserve_newlines": 3, 
     
            "space_after_anon_function": true, 
     
            "keep_array_indentation": false, 
     
            "space_before_conditional": true, 
     
            "break_chained_methods": false, 
     
            "unescape_strings": false, 
     
            "wrap_line_length": 0, 
     
            "end_with_newline": true, 
     
            "comma_first": false, 
     
            "operator_position": "after-newline" 
     
        }, 
     
        "css": { 
     
            "preserve_newlines": false, 
     
            "selector_separator_newline" : false, 
     
            "end_with_newline": false, 
     
            "newline_between_rules": false, 
     
            "space_around_selector_separator": true 
     
        }, 
     
        "php": { 
     
            "eol": "\n", 
     
            "preserve_newlines": true, 
     
            "max_preserve_newlines": 3, 
     
            "space_after_anon_function": true, 
     
            "brace_style": "collapse", 
     
            "keep_array_indentation": false, 
     
            "space_before_conditional": true, 
     
            "break_chained_methods": false, 
     
            "unescape_strings": false, 
     
            "wrap_line_length": 0, 
     
            "end_with_newline": false, 
     
            "comma_first": false, 
     
            "space_in_paren":true 
     
        } 
     
    }
  3. Измените стандартные правила по изменению правил форматирования кода согласно нижеприведенной таблице и сохраните изменения.

  4. Перезапустите Dreamweaver и примените форматирование кода для файла CSS, JS и PHP.

    Форматирование кода происходит в соответствии с обновленными правилами форматирования.

Примечание.

Если вы хотите настроить форматирование кода для файлов PHP, CSS и JS на других сайтах Dreamweaver, то необходимо разместить настроенный файл.jsbeautifyrc в корневую папку сайта.

Правила форматирования CSS, JS и PHP:

CSS Правила Стандартные значения в Dreamweaver Описание
  preserve_newlines false Сохранять ли пустые строки.
selector_separator_newline false

Помещать ли новую строку между разделенными запятыми инструментами выбора.

Например, ".div, .P"

end_with_newline false Заканчивать ли файл пустой строкой.
newline_between_rules false Добавлять ли новую строку после каждого правила CSS.
space_around_selector_separator true

Оставлять пробелы вокруг разделителей инструмента выбора: «>», «+», «~».

Например: «a>b» становится «a > b» при применяемом исходном форматировании.

JS Правила Стандартные значения в Dreamweaver Описание
  "eol" "\n" Символ, используемый для представления конца строки.
preserve_newlines true Сохранять ли пустые строки.
max_preserve_newlines 3

Для "max_preserve_newlines": N, 

пустые строки (N-1) сохраняются при применении форматирования, если в файле JS имеется более N-1 пустых строк.

Примечание. max_preserve_newlines применимо только в том случае, если preserve_newlines имеет значение true.

space_after_anon_function true

Добавлять ли пробел перед скобкой анонимной функции.

Например: «function()» становится «function ()» при применяемом исходном форматировании.

keep_array_indentation false Разрешать или сохранять новую строку внутри тела массива.
space_before_conditional true

Добавлять ли пробел перед условным оператором.

Например: «if(true)» становится «if (true)» при применении форматирования.

break_chained_methods false

Разрешать или сохранять новую строку между последовательными функциями.

Ниже приведен пример.

"foobar().baz()"

unescape_strings false

Должны ли печатные символы в строках, зашифрованные в выражении \xNN, быть неэкранированными.

Ниже приведен пример.

«\x65\x78\x61\x6d\x70\x6c\x65» становится «example» при применении исходного форматирования.

wrap_line_length 0 Строки должны переноситься для следующей возможности после такого количества символов.
end_with_newline true

Вставлять новую строку в конце файла.

comma_first false При разрыве строки запятой этот флажок используется для проставления запятой в качестве первого символа строки.
operator_position after-newline

Если длинное условное выражение делится на несколько строк, то этот флажок используется для определения положения операторов в строках.

Можно редактировать флажок с помощью нижеприведенных значений.

  • before-newline
  • after-newline
  • preserve-newline
Примечание.

Правила форматирования PHP такие же, как и для форматирования JS (описано в приведенной выше таблице) с двумя дополнительными правилами, указанными ниже.

PHP Правила Стандартные значения в Dreamweaver Описание
  brace_style collapse

Можно управлять положением фигурных скобок с помощью этого параметра:

Ниже приведен пример.

function f() {

// код

}

или 

function f()

{

// код

}

Можно назначить значения ниже.

  • collapse: поместить фигурные скобки на ту же строку, что и операторы управления.
  • expand: поместить фигурные скобки на исходную строку (стиль Allman/ANSI).
  • end-expand: поместить фигурные скобки на исходную строку.
  • none: стараться сохранить их в месте расположения.
  • Любое предыдущее значение + «,preserve-inline»: вложенный объект пытается сохранить встроенные блоки фигурных скобок.
space_in_paren true

Добавлять ли пробелы в скобки.

Ниже приведен пример.

include('header.php')

становится

include( 'header.php' ) при применении форматирования.

Справки по другим продуктам

Получайте помощь быстрее и проще

Новый пользователь?