Просмотр кода страницы Буквица:Гаджеты/Ajax-предпросмотр

{{Википедия:Гаджеты/}}__NOTOC__
'''Ajax-предпросмотр''' — [[Буквица:Гаджеты|гаджет]], в режиме редактирования добавляющий [[AJAX|Ajax]] кнопки «просмотр» и «изменения».

Благодаря отсутствию перезагрузки всей страницы достигается:
* более быстрое обновление,
* экономия трафика,
* сохранение положения курсора и возможности отмен изменений (по Ctrl-Z) в редактируемом тексте.

{{anchor|preview}}
== Особенности кнопки «просмотр» ==

Кнопка «предпросмотр» обновляет только область основного текста и [[Буквица:Описание изменений|описания правки]] и затем запускает на выполнение скрипты для [[Буквица:Сворачивающиеся блоки|сворачивающихся блоков]] и для [[Буквица:Оформление таблиц#sortable|сортируемых таблиц]].

Shift-клик по кнопке также обновит отображение интервик, категорий и шаблонов.

В некоторых случаях по-прежнему нужен обычный предпросмотр, перезагружающий всю страницу:
* когда в вики-код в первый раз был вставлен &lt;syntaxhighlight lang="xxx"&gt; или &lt;categorytree&gt;,
* для выполнения на результате предпросмотра любых других скриптов.
<!--* для полного списка используемых шаблонов (с защитой и ссылками [править])-->

== Дополнительные возможности ==

* При редактировании раздела в предпросмотре будут показаны [[Буквица:Сноски|сноски]] без добавления <tt>&lt;references /&gt;</tt> вручную.
* При редактировании старой версии страницы shift-клик по кнопке «изменения» покажет изменения по сравнению с редактируемой версией, а не с самой последней.
* При редактировании .js или .css страницы гаджет покажет предпросмотр с подсветкой синтаксиса.

== Настройка ==
Некоторые параметры для гаджета можно добавить в [[Special:Mypage/common.js|свой .js файл]].

=== Положение кнопок ===
По умолчанию кнопки показываются справа от верхней панели кнопок вставки:<br />
<div style="white-space:nowrap">
<span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em;">
""→«»</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
ж</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
к</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
<u>Аб</u></span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
...</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em"></span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
...</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
...</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
...</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
...</span><span style="border:0.2em solid; border-color:#f2f2f2 #787470 #787470 #f2f2f2; background:#adbede; padding:0.1em">
...</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{клавиша|просмотр}}{{клавиша|изменения}}
</div>

Можно переместить их налево, указав
<source lang="javascript" enclose="div">
ajaxPreviewPos = 'left' //кнопки слева
</source>

Также можно переместить их на место соответствующих обычных кнопок под окном редактирования, «вытесняя» тех вправо:
<source lang="javascript" enclose="div">
ajaxPreviewPos = 'bottom' //кнопки внизу 
</source>
{{клавиша|Записать страницу}} {{клавиша|Предварительный просмотр}}{{клавиша|>}} {{клавиша|Внесённые изменения}}{{клавиша|>}}

=== Клавиши быстрого вызова ===
По умолчанию новые кнопки забирают [[Сочетание клавиш|сочетания клавиш]] браузера ('''p''' для просмотра и '''v''' для изменений) у соответствующих обычных кнопок. Это можно изменить с помощью следующих параметров:
<source lang="javascript" enclose="div">
ajaxPreviewKey = 'o'
ajaxDiffKey = 'b'
</source>
Пустая строка (<code><nowiki>''</nowiki></code>) означает, что новая кнопка не будет иметь быстрого сочетания клавиш.

=== Названия кнопок ===
По умолчанию кнопки имеют названия «просмотр» и «изменения». Это можно изменить с помощью следующих параметров:
<source lang="javascript" enclose="div">
ajaxPreviewButton = 'Ω'
ajaxDiffButton = 'Δ'
</source>

=== Более полный предпросмотр ===
Следующий параметр заставить скрипт всегда обновлять предпросмотр интервик, категорий и шаблонов (shift-клик тогда имеет обратное действие).
<source lang="javascript" enclose="div">
ajaxPreviewFull = true
</source>

== Замечания ==
* Код гаджета: [[MediaWiki:Gadget-preview.js]].
* Опция «''Использовать быстрый предварительный просмотр (JavaScript, экспериментально)''» в [[Служебная:Настройки#mw-prefsection-editing|настройках]] в принципе делает то же самое, но при этом меняет поведение стандартных кнопок предпросмотра и изменения, и запрашивает с сервера полный код страницы (без экономии трафика).

[[Категория:Буквица:Гаджеты|Ajax-предпросмотр]]

[[en:user:js/ajaxPreview]]