Внимание! Песочница предназначена для экспериментов с редактированием статей. Чтобы начать, щёлкните по ссылке «Поиграть в песочнице».
Содержание
Настройка Редактора 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; }
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA, если не указано иное.