From 74f1c3c85cf4f0ff1cc631d1320ed90c404c6ed7 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Sun, 11 Jul 2021 13:02:49 -0400 Subject: delete conflicting/orphaned docs in ru (#1426) --- .../mdn/editor/syntax_highlighting/index.html | 182 --------------------- 1 file changed, 182 deletions(-) delete mode 100644 files/ru/orphaned/mdn/editor/syntax_highlighting/index.html (limited to 'files/ru/orphaned/mdn/editor/syntax_highlighting') diff --git a/files/ru/orphaned/mdn/editor/syntax_highlighting/index.html b/files/ru/orphaned/mdn/editor/syntax_highlighting/index.html deleted file mode 100644 index 62f149e52a..0000000000 --- a/files/ru/orphaned/mdn/editor/syntax_highlighting/index.html +++ /dev/null @@ -1,182 +0,0 @@ ---- -title: Синтаксические выделения -slug: orphaned/MDN/Editor/Syntax_highlighting -tags: - - Guide - - Howto - - MDN - - MDN Meta - - Редактор - - Руководство - - выделение -translation_of: MDN/Editor/Syntax_highlighting -original_slug: MDN/Editor/Синтаксические_выделения ---- -
{{MDNSidebar}}
- -

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

- -

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

- -

MDN поддерживает все периодически используемые нами на MDN языки (так же, как и те, что используются лишь иногда):

- -
- -
- -

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

- -

Добавление выделения

- -

Как правило, следует выделять любой блок {{HTMLElement("pre")}}, который представляет код, состоящий из более чем одной строчки; выделение однострочного кода будет зависеть от контекста.

- -

Синтаксические выделения в примерах кода:

- -
    -
  1. -

    Наберите или вставьте код в статью. Например:

    - -

    void main(int argc, char **argv) {

    - -

    printf("Привет, мир!\n");

    - -

    }

    -
    2. -
  2. -

    Выделите текст и нажмите кнопку PRE в панели инструментов. Результат:

    - - 
    void main(int argc, char **argv) {
-
-printf("Hello world\n");
-
-}
-
    -
    3. -
  3. -

    Нажмите кнопку Syntax Highlighter и выберите название соответствующего коду языка программирования. В нашем примере это C/C++:

    - - 
    void main(int argc, char **argv) {
-
-printf("Hello world\n");
-
-}
    -
    4. -
- -

Вы можете немного упростить процесс, не нажимая кнопку PRE и сразу выбрав нужный вам язык. Добавление выделения автоматически вставит необходимый блок {{HTMLElement("pre")}}, если он ещё не на месте.

- -

Далее представлен перевод раздела {{SectionOnPage("/en-US/docs/MDN/Contribute/Editor/Source_mode", "Выделение строк в режиме источника")}}:

- -

Выделение линий в примере

- -

Блоки примеров кода устанавливаются кнопками PRE или Syntax Highlighter в блоках панели инструментов, но вы, возможно, захотите обратить внимание читателей на определённые строки кода. Единственный способ сделать это — открыть режим источника, найти там блок <pre>, содержащий код, и добавить в атрибут class тега <pre>  компонент highlight, отформатированный следующим образом:

- - - -
"hightlight[" <список-номеров-строк> "]"
-
-Где:
-<список-номеров-строк> = [ <номер-строки> | <диапазон-строк> ]#
-<диапазон-строк> = <номер-строки> - <line-number>
-<номер-строки> = <токен>
- -

К примеру, если есть тег <pre class="brush: js;">, и вы хотите выделить строки 4 и 7, то вы меняете тег: <pre class="brush: js; highlight[4, 7]">.

- -

Давайте взглянем на более полный пример:

- -
- - - - - - - - - - - - - -
До выделенияС выделением
- 
-var canvas = document.getElementById("canvas");
-var ctx = canvas.getContext("2d");
-
-var path1 = new Path2D();
-path1.rect(10, 10, 100, 100);
-
-var path2 = new Path2D(path1);
-path2.moveTo(220, 60);
-path2.arc(170, 60, 50, 0, 2 * Math.PI);
-
-ctx.stroke(path2);
-
- -

Здесь тег {{HTMLElement("pre")}} равен: <pre class="brush: js;">

- 		- 
-var canvas = document.getElementById("canvas");
-var ctx = canvas.getContext("2d");
-
-var path1 = new Path2D();
-path1.rect(10, 10, 100, 100);
-
-var path2 = new Path2D(path1);
-path2.moveTo(220, 60);
-path2.arc(170, 60, 50, 0, 2 * Math.PI);
-
-ctx.stroke(path2);
- -

А здесь тег <pre> был изменён на: <pre class="brush: js; highlight[4, 7]">

-
-
- -
-

Выделенные строки не отображаются в редакторе MDN.

-
- -

Смотрите также

- - - -
{{EditorGuideQuicklinks}}
-- cgit v1.2.3-54-g00ecf