Традиция

Обсуждение участника:Afinogenoff/qpreview.js

Активные обсуждения

ДокументацияПравить

Скрипт добавляет на верхнюю панель инструментов кнопку QPreview, генерирующую предпросмотр страницы с помощью AJAX.


Сравнение:

 Предварительный просмотр   QPreview 
Браузер посылает Mediawiki серверу исходный редактируемый текст
Браузер получает с сервера
  • HTML код статьи для предпросмотра
  • вики код статьи в окошке редактирования
  • все служебные области сверху, слева и снизу (около 40 КБ)

Браузер делает запросы внешних CSS и Javascript файлов (обычно кэшируются)

Браузер получает с сервера
  • HTML код статьи для предпросмотра
Браузер
  • вычисляет нужные положения элементов и отображает всю страницу
  • снова выполняет все скрипты (например создаёт кнопки редактирования сверху)
 Браузер
  • вычисляет нужные положения элементов и отображает только область предпросмотра
Поле редактирования ничего не «помнит» Можно отменить недавние изменения по Ctrl-Z
Быстро нажимается по Alt-P (в FireFox 1.5 и IE) Быстро нажимается по назначенной вами клавише


Новая кнопка:

  • в несколько раз сокращает время предпросмотра
  • как минимум в два раза экономит входящий трафик



Демонстрация без установки:

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

javascript:function addOnloadHook(f){f()};importScript('User:Afinogenoff/qpreview.js');void 0

  • нажать Enter, на панели кнопок должна появиться новая кнопка QPreview
  • внести изменения в текст и нажать кнопку QPreview


Установка: importScript('User:Afinogenoff/qpreview.js'); → ваш monobook.js


Дополнительные параметры: (указаны со значениями по умолчанию)

  • qPreviewKey = ''; — «горячая клавиша»
  • qPreviewName = 'QPreview'; — надпись на кнопке
  • qPreviewWait = 'Wait…' — надпись при запросе к серверу
  • qPreviewAtBottom = false; — поместить ли кнопку внизу

Пример: 

qPreviewKey = '`'; // горячая клавиша: тильда
qPreviewName = 'Быстрый';  
qPreviewWait = 'Ждите…' 
qPreviewAtBottom = true;
importScript('User:Afinogenoff/qpreview.js');

Результат (под окошком редактирования):  Быстрый   Предварительный просмотр 


Недостатки:

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


Технические детали

Источник — https://traditio.wiki/w/index.php?title=Обсуждение_участника:Afinogenoff/qpreview.js&oldid=55489
Вернуться к странице участника Afinogenoff/qpreview.js.