%%**) создает **''div''** и должен использоваться для **«больших»** контейнеров, **окружающих** абзацы, списки, таблицы и т. д.
"small" content
или
"small" content
или
"small" content
**%%
%%** в нижнем регистре (или альтернативно **%%%%** or **%%%%**) создает **''span''** и должен использоваться для **«маленьких»** контейнеров, **внутри** абзацев, списков, таблиц и т. д.
Начиная с версии 2013-06-13 также используется сокращенный синтаксис (для оберток без содержимого):
или или
и
или или
:!: Обратите внимание, что некоторые вещи **не будут работать с промежутками : выравнивание** (включая выравнивание, созданное путем изменения направления текста), **несколько столбцов и ширина**, если соответствующий перенос также не плавает.
====Примеры====
Плагин поставляется с примером страницы, которая должна многое объяснить и выглядит так в шаблоне по умолчанию (см. ниже).
колонки
колонка 2
выделить (маркер)
пометить неважным
простой центрированный блок
==== Классы ====
На данный момент доступны следующие классы:
{{:wiki:plugin:wrap_plugin_example10.png?|}}
^ имя класса ^ описание/примечания ^
^ __columns__ -- аналогично [[columns]], [[side_note]], [[styler]], [[tip]] ||
| **''column''** | так же, как ''left'' в языках LTR и так же, как ''right'' в языках с письмом справа налево |
| **''left''** | то же, что и ''column'', позволит вам разместить контейнер слева |
| **''right''** | позволит контейнеру плавать правильно |
| **''center''** | расположит контейнер в горизонтальном центре страницы |
| **''col2''**..**''col5''** | будет показывать текст в нескольких столбцах в зависимости от их количества (2, 3, 4 или 5), работает только в современных браузерах (без IE9 и ниже) |
| **''colsmall''**, **''colmedium''**, **''collarge''** | также будет отображаться текст в нескольких столбцах, но в зависимости от их ширины (маленький, средний или большой), работает только в современных браузерах (без IE9 и ниже) |
^ **__ширина__ —** :!: **экспериментальная , может работать не так, как ожидалось, включает поддержку мобильных устройств** ||
| **''half''** | подходит для двух столбцов подряд, следует использовать парами |
| **''third''** | подходит для трех или двух столбцов подряд, следует использовать в тройках или вместе с ''twothirds'' |
| **''twothirds''** | подходит для двух столбцов подряд при использовании вместе с ''third'', один шириной 1/3, а другой шириной 2/3 |
| **''quarter''** | помещается в четыре столбца подряд, следует использовать в четырехугольниках |
^ **__выравнивания__ — аналогично divalign , columns , styler —** :!: **не работают с промежутками!** ||
| **''leftalign''** | выравнивает текст по левому краю |
| **''rightalign''** | выравнивает текст по правому краю |
| **''centeralign''** | центрирует текст |
| **''justify''** | оправдывает текст |
^ **__коробки и заметки__ - аналогично коробке , заметке , подсказке** ||
| **''box''** | создает рамку вокруг контейнера (использует цвета из ''style.ini'') |
| **''info''** (было ''information'' в предыдущих версиях) | создает синее поле со значком информации |
| **''important''** | создает оранжевое поле с важным значком |
| **''alert''** (было:!: '' warning'' в предыдущих версиях) | создает красное поле со значком предупреждения |
| **''tip''** | создает желтую коробку со значком подсказки |
| **''help''** | создает фиолетовое поле со значком помощи |
| **''todo''** | создает голубое поле со значком todo |
| **''download''** | создает зеленое поле со значком загрузки |
| **''round''** | добавляет закругленные углы к любому контейнеру с цветом фона или рамкой (работает только в современных браузерах, т.е. без IE ) |
| **''danger''** | создает красную заметку об опасности |
| **''warning''** | создает оранжевое предупреждение о безопасности |
| **''caution''** | создает предупреждение о безопасности желтого цвета |
| **''notice''** | создает синее уведомление о безопасности |
| **''safety''** | создает зеленую заметку о безопасности |
^ **__метки__ — похожие на выделение , важный_параграф , важный текст ** ||
| **''hi''** | помечает текст как выделенный |
| **''lo''** | помечает текст как менее значимый |
| **''em''** | помечает текст как особо выделенный |
^ **__разнообразный__** ||
| **''clear''** | similar to [[clearfloat]], похоже на clearfloat , желательно использовать с div, т.е. с прописными ''%%%%''буквами |
| **''tabs''** | если обернуть список ссылок, они будут отображаться как вкладки |
| **''hide''** | скрывает текст для CSS (текст по-прежнему будет отображаться в исходном коде, в несовременных браузерах и доступен для поиска) |
| **''noprint''** | выводит текст на экран, но не на печать, аналогично noprint |
| **''onlyprint''** | отображает текст только в печатном виде, но не на экране |
| **''pagebreak''** | принудительно открывает новую страницу в распечатках (не отображается на экране), аналогично разрыву страницы |
| **''nopagebreak''** | пытается избежать разрыва страницы в распечатках (не виден на экране) |
| **''spoiler''** | показывает белый текст на белом фоне, который раскрывается только при его выделении; похоже на скрыть |
| **''button''** | при обертывании ссылки стилизует ее как кнопку |
| **''tablewidth''** | устанавливает ширину таблиц внутри в зависимости от ширины обертки, частично заменяет ширину таблицы |
| **''indent''** | делает отступ в тексте, может использоваться вместо табуляции |
| **''outdent''** | «выступающий» текст, может быть частично использован вместо «выступающий» |
| **''prewrap''** | оборачивает текст внутри предварительно отформатированных блоков кода, аналогично wpre |
Возможно, вам придется настроить несколько классов в соответствии с потребностями вашего шаблона, особенно ''hi'', ''lo'' and ''em''. Если у вас темная или ярко окрашенная тема, используйте ''darkTpl'' [[#configuration_options|параметр конфигурации .]].
Классы легко настраиваются и расширяются. Любые пожелания приветствуются.
====Ширина====
Вы можете установить любую допустимую ширину для любого контейнера %%%% в верхнем регистре ''%, px, em, rem, ex, ch, vw, vh, pt, pc, cm, mm, in''. Просто установите ширину до или после или с классами, например
...
Все, кроме процентов, будет уменьшено, чтобы иметь максимальную ширину, доступную на небольших экранах.
Вы также можете использовать ключевые слова ширины ''half'', ''third'', ''twothirds'' and ''quarter''. Для правильной работы им нужна еще одна обертка вокруг них. Например
...
...
приведет к появлению двух столбцов рядом друг с другом, которые будут располагаться друг под другом на небольших экранах и мобильных устройствах.
=== Якорь ===
Для определения привязки применяется следующий синтаксис:
Якорь доступен через: ''#ankername''
=== Языки и текстовые направления ===
Вы можете изменить язык и направление контейнера, просто добавив двоеточие, за которым следует код языка, например:
Этот текст явно помечен как английский.
Направление текста (''rtl'', справа налево или ''ltr'', слева направо) вставляется автоматически и зависит исключительно от языка. Список поддерживаемых в настоящее время языков взят из: http://meta.wikimedia.org/wiki/Template:List_of_language_names_ordered_by_code
Если вы хотите пометить текст с другим направлением текста, чем направление по умолчанию, вы должны использовать div, т.е. ''%%%%''символы верхнего регистра. В противном случае выравнивание текста также не изменится.
Это делает его лучшей заменой [[ltr]] (и [[lang]]).
Файл CSS - lib/plugen/wrap/all.less
Скругление углов
/*____________ rounded corners ____________*/
/* (only for modern browsers) */
div.wrap_round {
border-radius: 0.2em;
}
span.wrap_round {
border-radius: 0.2em;
}
==== Демо ====
Вы можете увидеть демонстрацию плагина на [[http://demo.selfthinker.org/plugin:wrap|demo.selfthinker.org]].
[[https://yadi.sk/i/ycbENWFjWEduTA|«Примеры» (демо) на русском языке ]] (для v2011-05-15).[[http://pastebin.com/C9xjaEH9|Источник ]].
=====Обновление=====
Для обновления удалите исходную папку lib/plugins/displaywikipage и установите новую версию, как указано выше.
=====Файл для загрузки=====
{{ :wiki:plugin:wrap.zip |}}
=====Лицензия=====
* **Author:** [[anika@selfthinker.org|Anika Henke]]
* **License:** [[http://www.opensource.org/licenses/gpl-license.php|GNU GPL v2]]