Традиция:Проект:Персональные скрипты/Редактирования

Материал из свободной русской энциклопедии «Традиция»
Перейти к навигации Перейти к поиску
Короткая ссылка-перенаправлениеStub W.gif
Т:П:ПСТ-Ред

Существующие панели редактирования[править | править код]

Мгновенный предпросмотр[править | править код]

 InstaView 

Даёт возможность мнгновенно просматривать сделанные изменения. Добавляет в окно редактирования кнопку InstaViev.

Установка:

importScript('User:Afinogenoff/instaview.js');

Кнопка быстрого предпросмотра[править | править код]

  QPreview 

с использованием AJAX: с сервера запрашивается и перерисовывается только статья без перезагрузки всей страницы, что экономит и время и трафик. Документация: qPreview

Установка:

importScript('User:Afinogenoff/qpreview.js');

Панель вставки объектов[править | править код]

Под областью редактирования текста появляются кнопки, предназначенные для вставки наиболее часто используемых объектов. В их числе:

  • ударение;
  • тире;
  • кавычки;
  • многоточие;
  • знак градуса;
  • знак евро;
  • неразрывный пробел;
  • шаблон неразрывности ({{nobr}});
  • вики-ссылка;
  • сноска;
  • перенаправление;
  • буквы: старые русские (ять, фита, ижица) и первые греческие (альфа, бета, гамма, дельта)
  • шаблоны: для удаления, для указания на недостатки статьи, для внесения информации, и т. п.

Установка:

importScript('MediaWiki:Oldspecialchars.js');

Создание своих персональных скриптов редактирования[править | править код]

С помощью персонального скрипта вы можете добавить для себя символы и теги в дополнение к уже присутствующим в общей панели «быстрой вставки».

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

находит нужный блок, это может быть например

  • верхняя панель кнопок: <div id=toolbar>
  • сообщение Copyrightwarning: <div id=editpage-copywarn>
  • блок с кнопками «Записать», …: <div class=editButtons>
  • панель «быстрой вставки» Edittools: <div id=editpage-specialchars>
  • любой другой блок с id: просто загляните в исходный html код страницы редактирования

добавляет ссылки в этот блок

  • в начало: block.innerHTML = newLinks + block.innerHTML
  • в конец: block.innerHTML = block.innerHTML + newLinks
  • полностью заменить содержимое: block.innerHTML = newLinks

При этом каждая ссылка использует функцию insertTags(), у которой три параметра: текст вставляемый слева, текст вставляемый справа (от курсора либо выделенного текста) и текст-образец (обычно не указывается).

Пример — добавление div и span в начало панели «быстрой вставки»:

function addExtraChars1(){
  var block = document.getElementById ('editpage-specialchars');
  if (!block) return;
  block.innerHTML = 
   '<a href=\'javascript:insertTags("<div>","</div>","")\'>div</a> ' +
   '<a href=\'javascript:insertTags("<span>","</span>","")\'>span</a> ' +
   block.innerHTML;
}
addOnloadHook(addExtraChars1);

Пример — добавление div и span вместо Copyrightwarning (если вы её ещё не спрятали с помощью CSS):

function addExtraChars2(){
  var block = document.getElementById ('editpage-copywarn');
  if (!block) return;
  block.innerHTML = 
   '<a href=\'javascript:insertTags("<div>","</div>","")\'>div</a> ' +
   '<a href=\'javascript:insertTags("<span>","</span>","")\'>span</a> ';
}
addOnloadHook(addExtraChars2);