ФЭНДОМ


Редактор исходного кода, который также называется редактор 2010 года — ранняя версия редактора MediaWiki, в котором отсутствует визуальный редактор и редактирование ведётся только в режиме исходного кода. Этот редактор можно использовать как альтернативу визуальному редактору на страницах со сложным кодом или если вы опытный редактор.

UCP Редактор исходного кода

Общий вид редактора.

Описание

Панель редактирования

На панели редактирования вверху страницы редакторам доступны следующие функции:

В меню «Дополнительно» расположены следующие функции:

Помимо вышеперечисленного на панели редактирования есть:

  • Меню для вставки различных символов и букв;
  • Короткая справка с примерами работы в викитексте;

Под областью редактирования

Под областью редактирования находятся три панели:

  • С помощью первой можно дать краткое описание сделанных правок, указать, что правка является малой, добавить страницу в отслеживаемые, записать страницу, открыть предпросмотр страницы, посмотреть внесённые изменения, отменить свои правки полностью.
  • Ниже расположено меню «быстрой вставки». Его можно создать или отредактировать на странице MediaWiki:Edittools. Если на вашей вики этой страницы не существует, то меню «быстрой вставки» отображаться не будет.
  • В самом низу находится раскрывающийся список шаблонов, которые используются на этой странице.

Некорректное отображение текстового курсора в тёмных темах

На вики с тёмной темой при включённой подсветке синтаксиса текстовый курсор принимает чёрный цвет и, как правило, сливается с фоном. Поскольку, согласно заявлениям техников ФЭНДОМа, ошибки в редакторе-2010 исправляться не будут, для решения этой проблемы есть два способа:

  • не пользоваться подсветкой синтаксиса в редакторе;
  • принудительно задать цвет текстового курсора через таблицу стилей.

Во втором случае необходимо добавить в общую таблицу стилей MediaWiki:Common.css код изменения цвета текстового курсора.

Для браузеров, поддерживающих обновление CSS 2018 года

В 2018 году в CSS введён элемент caret-color, позволяющий задавать цвет текстового курсора. Для браузеров, поддерживающих его, вопрос решается просто.

.CodeMirror {
    caret-color: white; /* впишите нужный Вам цвет */
}

Возможно, также поможет

.CodeMirror {
    caret-color: auto;
}

Для браузеров, не поддерживающих обновление CSS 2018 года

Для всех остальных браузеров помогает способ, придуманный участником Black Spaceship. Способ имитирует курсор при помощи левой границы элемента, поэтому «курсор» в этом случае может казаться больше, чем обычно.

.CodeMirror-cursor {
    border-left: 1px solid white; /* впишите нужный Вам цвет */
}

См. также

Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.