Вукипедия
Вукипедия
35 778 Страницы
Создать cтраницу
в:
Вукипедия

Вукипедия:Песочница

Просмотр исходного кода

Внимание! Песочница предназначена для экспериментов с редактированием статей. Чтобы начать, щёлкните по ссылке «Поиграть в песочнице».

Настройка Редактора 2010

1) Указать используемый редактор

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

2) Добавить код в MediaWiki:Common.js

// выполнение при готовности страницы
$(document).ready(function()
{ 
	// добавление возможности закрыть предупреждающее окно при щелчке по нему
    $('div.mw-editinginterface, div.mw-newarticletext, div.warningbox, div.mw-warning-with-logexcerpt').click(function()
	{
	  $(this).css('display', 'none');
	});
});	

// если страница редактируется
if (wgAction == 'edit' || wgAction == 'submit') 
{
	$.when( mw.loader.using( 'ext.wikiEditor' ), $.ready).then( SetToolbar );

    // добавление заголовка редактируемой статьи
	$('#content').prepend('<h3 class="" style="text-align: center;padding: 5px 0 2px;margin: 0;margin-bottom: 5px;">'+wgTitle+'</h3>');
}

function SetToolbar() 
{
	// кнопка-образец, где Т1 -- любой текст, вставляемый ДО курсора; Т2 -- после курсора; Т3 -- уникальный ID кнопки; Т4 -- всплывающая подсказка кнопки
    /*
	$('#wikiEditor-section-main div.group-insert').prepend(
	'<span onclick="InsertText(\'Т1\',\'Т2\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="Т3"><a class="oo-ui-buttonElement-button" role="button" title="Т4" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon" ></span></a></span>'
	);
    */	
	  
	$('#wikiEditor-section-main div.group-insert').prepend(
		'<span onclick="InsertText(\'«\',\'»\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_angle_qoutation_marks"><a class="oo-ui-buttonElement-button" role="button" title="Кавычки-ёлочки" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon" ></span></a></span>'+
		'<span onclick="InsertText(\'({{lang-en|\',\'}})\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_lang-en"><a class="oo-ui-buttonElement-button" role="button" title="Шаблон Lang-en" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon"></span></a></span>'+
		'<span onclick="InsertText(\'—\',\'\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_dash"><a class="oo-ui-buttonElement-button" role="button" title="Тире" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon"></span></a></span>'+
		'<span onclick="InsertText(\'[[\|\',\']]\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_square_brackets"><a class="oo-ui-buttonElement-button" role="button" title="Квадратные скобки с разделителем" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon"></span></a></span>'
	  );
	
	$('#wikiEditor-section-main div.group-insert').append(
		'<span onclick="InsertText(\'{{Цитата|\',\'||}}\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_quote"><a class="oo-ui-buttonElement-button" role="button" title="Шаблон цитаты" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon" ></span></a></span>'+
		'<span onclick="InsertText(\'\\n{{Interlang\\n|en=\',\'\\n}}\')" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_interlang"><a class="oo-ui-buttonElement-button" role="button" title="Шаблон межъязыковых ссылок" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon" ></span></a></span>'
	);
	
	// добавление кнопки "Подпись"
	if ($('span.oo-ui-icon-signature').length===0 ) 
	{
	  $('#btn_square_brackets').after(
	    '<span onclick="InsertText(\'--\~\~\~\~\',\'\')" class="tool oo-ui-widget oo-ui-widget-enabled oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement oo-ui-buttonWidget" aria-disabled="false" rel="signature"><a class="oo-ui-buttonElement-button" role="button" title="Подпись с отметкой времени" tabindex="0" aria-disabled="false" rel="nofollow"><span class="oo-ui-iconElement-icon oo-ui-icon-signature"></span><span class="oo-ui-labelElement-label"></span></a></span>'
	  ); 
	}
	// добавление панели [Больше+]
		$('#wikiEditor-section-main div.group-codemirror').prepend(
			'<span onclick="ShowEditTools();" class="tool oo-ui-buttonElement oo-ui-buttonElement-frameless oo-ui-iconElement" id="btn_EditTools"><a class="oo-ui-buttonElement-button" role="button" title="Вставка вики-текста" tabindex="0" rel="nofollow"><span class="oo-ui-iconElement-icon"></span></a></span>'
		); 
		// добавление чёрной подложки для панели [Больше+]
		$('div.mw-editTools').after('<div id="EditTools_LayerBG"></div>').addClass('EditTools_FadeIn');
		// добавление заголовка на панель [Больше+]
		$('#editpage-specialchars').prepend('<h2>Вставка вики-текста</h2>');
		$('div.mw-editTools a, #EditTools_LayerBG').click(function()
		{
			$('div.mw-editTools, #EditTools_LayerBG').css('display', 'none');
		})
}

// функция вставки текста при щелчке по кнопке
function InsertText( sPre, sPost)
{
  $.wikiEditor.modules.toolbar.fn.doAction($('span.tool').data('context'), {type: 'encapsulate', options: {pre: sPre, post: sPost} });
}

// закрытие панели [Больше+]
function ShowEditTools()
{
  $('div.mw-editTools, #EditTools_LayerBG').fadeIn(150);
}

3) Добавить код в MediaWiki:Wikia.css

/* шаблон interlang*/
#wikiPreview #p-lang, /* при предосмотре */
.WikiaArticle #p-lang /* обычный просмотр */
{
	font-weight: bold;
	margin: 0;
	padding: 0;
	background-color:f0f0f5;
	margin-top:16px;
	border:none;
	border-top:3px double #457;
	clear:both; /* отбивает от плавающих блоков */
	display:block; /* на всякий случай дополнительно прописывает как блок*/
}
#wikiPreview #p-lang h5, /* при предосмотре */
.WikiaArticle #p-lang h5 /* обычный просмотр */
{
	font-weight: bold;
	margin: 0;
	padding: 4px;
	background-color:#f0f0f5;
	font-weight: bold;
}
#wikiPreview #p-lang ul, /* при предосмотре */
.WikiaArticle #p-lang ul /* обычный просмотр */
{
	list-style: none inside none;
	margin-left: -1px;
	overflow: auto;
	font-size:13px;
}
#wikiPreview #p-lang .plainlinks, /* при предосмотре */
.WikiaArticle #p-lang ul li /* обычный просмотр */
{
	border-left: 1px solid #C0C0C0;
	float: left;
	padding-left: 13px;
	padding-right: 5px;
	font-weight: bold;
	list-style: none inside none;
}
#p-lang li.FA {
	list-style-image: url("https://images.wikia.nocookie.net/starwars/images/1/10/InterwikiFA.png") !important;
	margin-right: 8px;
}
#p-lang li.GA {
	list-style-image: url("https://images.wikia.nocookie.net/starwars/images/d/df/InterwikiGA.png") !important;
	margin-right: 8px;
}
#p-lang li.CA {
	list-style-image: url("https://images.wikia.nocookie.net/starwars/images/d/dc/InterwikiCA.png") !important;
	margin-right: 8px;
}

/* иконки в редакторе исходного кода (общее)*/
.mw-toolbar-editbutton-big,
#msupload-container,
.tool-button,
#wikiEditor-ui-toolbar .oo-ui-iconElement, /* кнопки в кодовом редакторе 2010*/
.ve-ui-toolbar .oo-ui-barToolGroup-tools .oo-ui-iconElement  /* кнопки в кодовом редакторе 2017*/
{
	border: 1px solid #aabbd5;
	border-radius: 3px;
	box-shadow: 2px 2px 4px 0 #ededed;
	cursor: pointer;
	margin: 0 1px !important;
	padding: 0 !important;
	background-color: white;
	background-position: center;
}

/*иконки на кнопках в редакторе*/
#msupload-select,
.tool-button,
#wikiEditor-ui-toolbar .oo-ui-iconElement-icon, /* кнопки в кодовом редакторе 2010*/
.ve-ui-toolbar .oo-ui-iconElement-icon /* кнопки в кодовом редакторе 2017*/
{
	width: 25px !important;
	height: 25px !important;
}
.tool-button {
    background-position: center !important;
    background-size: 30px 25px;
}
.tool-button:hover {
    background-color: var(--themed-link-color--fadeout);
    box-shadow: none;
    outline: none;
}
.ve-ui-toolbar .oo-ui-popupToolGroup-handle , /* раскрывающиеся кнопки кодового редактора 2017*/
.ve-ui-toolbar .oo-ui-tool-link /* ссылки в кнопках кодового редактора 2017*/
{
	padding: 3px;
}

#btn_EditTools span.oo-ui-iconElement-icon,
.oo-ui-icon-reference,
.oo-ui-icon-table,
.oo-ui-icon-imageGallery,
.oo-ui-icon-subscript,
.oo-ui-icon-superscript,
.oo-ui-icon-smaller,
.oo-ui-icon-bigger,
.oo-ui-icon-newline,
.oo-ui-icon-noWikiText,
.oo-ui-icon-listNumbered,
.oo-ui-icon-listBullet,
.oo-ui-icon-highlight,
#btn_lang-en	span.oo-ui-iconElement-icon,
#btn_interlang	span.oo-ui-iconElement-icon,
#btn_quote		span.oo-ui-iconElement-icon,
#btn_dash		span.oo-ui-iconElement-icon,
#btn_square_brackets	span.oo-ui-iconElement-icon,
#btn_postscript_canon	span.oo-ui-iconElement-icon,
#btn_angle_qoutation_marks span.oo-ui-iconElement-icon,
.oo-ui-icon-bold,
.oo-ui-icon-italic,
.oo-ui-icon-link,
.oo-ui-icon-image,
.oo-ui-icon-signature
{
	mask: none !important;
	-webkit-mask: none !important;
	background-color: unset !important;
}

#btn_EditTools			span.oo-ui-iconElement-icon {background-image: url(https://static.wikia.nocookie.net/rustarwars/images/b/bd/Ico_more%2B.png);}
#btn_lang-en			span.oo-ui-iconElement-icon {background-image: url(https://static.wikia.nocookie.net/rustarwars/images/9/99/Ico_lang-en.png);}
#btn_interlang			span.oo-ui-iconElement-icon {background-image: url(https://static.wikia.nocookie.net/rustarwars/images/e/e6/Ico_interlang.png);}
#btn_quote				span.oo-ui-iconElement-icon {background-image: url(https://static.wikia.nocookie.net/rustarwars/images/4/4c/Ico_quote2.png);}
#btn_square_brackets	span.oo-ui-iconElement-icon {background-image: url(https://static.wikia.nocookie.net/rustarwars/images/2/2b/Ico_square_brackets_divider.png);}
#btn_postscript_canon	span.oo-ui-iconElement-icon {background-image: url(https://static.wikia.nocookie.net/rustarwars/images/6/66/Ico_postscript_canon.png);}
#btn_dash				span.oo-ui-iconElement-icon {background-image: url(https://vignette.wikia.nocookie.net/ru.starwars/images/6/63/Ico_dash.png);}
#btn_angle_qoutation_marks span.oo-ui-iconElement-icon {background-image: url(https://vignette.wikia.nocookie.net/ru.starwars/images/5/51/Ico_angle_qoutation_marks.png);}
.oo-ui-icon-table			{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/d/d4/Ico_table.png);}
.oo-ui-icon-imageGallery	{background-image: url(https://vignette.wikia.nocookie.net/ru.starwars/images/d/d4/Ico_pictures.png);}
.oo-ui-icon-subscript		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/4/40/Ico_subscript.png);}
.oo-ui-icon-superscript 	{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/f/f5/Ico_superscript.png);}
.oo-ui-icon-smaller 		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/4/49/Ico_text_small.png);}
.oo-ui-icon-bigger			{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/4/4b/Ico_text_big.png);}
.oo-ui-icon-newline 		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/d/d5/Ico_new_line.png);}
.oo-ui-icon-noWikiText		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/5/58/Ico_nowiki.png);}
.oo-ui-icon-listNumbered	{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/5/51/Ico_list_numbered.png);}
.oo-ui-icon-listBullet		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/d/d7/Ico_list_bullet.png);}
.oo-ui-icon-highlight		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/b/bd/Ico_highlight_script.png);}
.oo-ui-icon-reference		{background-image: url(https://static.wikia.nocookie.net/rustarwars/images/0/09/Ico_reference.png);}
.oo-ui-icon-bold	{background-image: url("https://vignette.wikia.nocookie.net/ru.starwars/images/d/d9/Ico_bold_text.png");}
.oo-ui-icon-italic	{background-image: url("https://vignette.wikia.nocookie.net/ru.starwars/images/d/d8/Ico_italic_text.png");}
.oo-ui-icon-link	{background-image: url("https://vignette.wikia.nocookie.net/ru.starwars/images/f/f6/Ico_add_link_1.png");}
.oo-ui-icon-signature	{background-image: url("https://vignette.wikia.nocookie.net/ru.starwars/images/4/48/Ico_user.png");}
.oo-ui-icon-image		{background-image: url("https://vignette.wikia.nocookie.net/ru.starwars/images/c/c1/Ico_picture.png");}

.limitreport, /*статистика предосмотра (Данные анализатора)*/
.wikiEditor-ui .wikiEditor-ui-toolbar .tabs,
.wikiEditor-ui .wikiEditor-ui-toolbar .group .label,
.wikiEditor-ui-toolbar .booklet .index,
.add, /* дополнительный стиль для штатных вики-кнопок*/
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button, /*кнопка "Отмена" */
.hiddencats, /*список скрытых категорий в редакторе 2010 */
.templatesUsed, /*список подключенных шаблонов в редакторе 2010 */
.editOptions, /* панель с галочками в редакторе 2010 */
.oo-ui-inputWidget-input, /* кнопки в редакторе 2010 */
.mw-editTools /* настраиваемая панель символов*/
{
    font-size: 12px !important;
    font-family: arial !important;
    font-weight: normal !important;
    text-transform: none !important;
}

/* панель с галочками в редакторе 2010 */
.editOptions { 
	margin-bottom: 10px;
}
/* верхняя панель с кнопками в редакторе 2010*/
#wikiEditor-ui-toolbar{
	padding: 0;
}
/* поле для ввода описаний и пр.*/
.ooui-theme-fandom .wds-global-navigation-wrapper ~ * input[type="text"] {
    border-width: 1px;
}
/* */

#WikiaMainContentContainer{
    font-family: arial;
/*    font-size: 16px;*/
}

/* расцветка при просмотре разницы изменений */
/* соседняя (нетронутая) линия */
.ooui-theme-fandom .diff-context {
    border-color: #e6e6e6;
}
/* удалённая линия */
.ooui-theme-fandom .diff-deletedline {
    background-color: inherit;
    border-color: #ffe49c;
}
/* удалённый текст */
.ooui-theme-fandom .diff-deletedline .diffchange {
    background-color: #feeec8;
    border-radius: 0;
    font-weight: normal;
    color: inherit;
}
/* добавленная линия*/
.ooui-theme-fandom .diff-addedline {
    background-color: inherit;
    border-color: #a3d3ff;
}
/* добавленный текст */
.ooui-theme-fandom .diff-addedline .diffchange {
    background-color: #d8ecff;
    border-radius: 0;
    font-weight: normal;
    color: inherit;
}

/* системные сообщения в кодовод режакторе 2010*/
div.mw-newarticletext:hover,
div.warningbox:hover,
div.mw-warning-with-logexcerpt:hover
{
    opacity: 0.7;
}
div.mw-newarticletext,
div.warningbox,
div.mw-warning-with-logexcerpt
{
    cursor: pointer;
}

.ve-oasis-header,
.wikiEditor-ui #msupload-div,
.license-description,
.WikiaArticleInterlang{
    display: none;
}

/* чёрный полупрозрачный фон */
#EditTools_LayerBG {
	position: fixed;
	inset: 0;
	background-color: black;
	opacity: 0.4;
	z-index: 9;
	display: none;
}
/* стиль для скрытого окна */
.EditTools_FadeIn {
	position: absolute;
	left: 15%;
	right: 15%;
	top: 130px;
	z-index: 10;
	display: none;
}

3.1) дополнительные настройки внешнего вида

/* removes underline from links in source editor */
.cm-mw-pagename {
	text-decoration: none;
}

/* названия шаблонов и их параметры  */
.cm-mw-signature,
.cm-mw-template-link-ground,
.cm-mw-template-ground,
.cm-mw-template2-ground,
.cm-mw-template3-ground,
.cm-mw-table-bracket,
.cm-mw-table-delimiter,
.cm-mw-ext-ref,
.cm-mw-table-definition 
{
	background-image: none;
	color: #859900 !important;
	font-weight: normal !important;
	/*background-color: #f7efdb; */ 
}

.cm-mw-template-link-ground,
.cm-mw-template2-link-ground,
.cm-mw-link-ground {
	background-image: none;
	color: #268BD2 !important;
}

.skin-oasis .cm-mw-exttag-bracket,
.skin-oasis .cm-mw-exttag-name,
.skin-oasis .cm-mw-htmltag-bracket,
.skin-oasis .cm-mw-htmltag-name,
.skin-oasis .cm-mw-htmltag-attribute 
{
    color: #79AFC1 !important;
}

.cm-mw-apostrophes-italic,
.cm-mw-apostrophes-bold,
.cm-strong ,
.cm-mw-apostrophes,
.cm-mw-section-header,
.cm-mw-hr,
.cm-mw-template
{
	color: #3A3A3A !important;
}

.cm-mw-apostrophes-bold,
.cm-strong 
{
	font-weight: bold;
}
.cm-mw-apostrophes-italic,
.cm-em {
	font-style: italic;
}
.cm-mw-list,
.cm-mw-signature {
	font-weight: normal;
	color: #3A3A3A !important;
}
code, pre {
    font: 14px Consolas !important;
}

.cm-mw-comment{
	color: #93A1A1;
}

.CodeMirror-code{
	background-color: #FDF6E3;
	border: 1px solid #bfbfbf;
}
.wikiEditor-ui #msupload-div {
    display: none;
}
.wikiEditor-ui .wikiEditor-ui-view.wikiEditor-ui-view-wikitext .wikiEditor-ui-top {
    min-height: 0 !important;
    border-bottom: 1px solid #bfbfbf !important;
}

.ve-oasis-header {
    display: none;
}


.cm-mw-section-1,
.cm-mw-section-2,
.cm-mw-section-3,
.cm-mw-section-4,
.cm-mw-section-5,
.cm-mw-section-6 {
	font-size: 1em !important;
	font-weight: bold;
	line-height: 1em !important;
	color: #3A3A3A !important;
}

.cm-mw-mnemonic {
	background-color: #E8EBDA;
	color: #3A3A3A !important;
}
Источник — https://starwars.fandom.com/ru/wiki/Вукипедия:Песочница?oldid=945115
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA, если не указано иное.