Уведомления
Очистить все

[Закреплено] Новый редактор - возможности

Страница 1 / 3

JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Приветствуем новый редактор! Ещё больше функций, как мы и обещали. Уже не секрет, что мы разрабатываем мобильную версию форума, новый дизайн и работаем над различными недостатками и багами. Когда мы открывали форум, то выбирали самый лучший шаблон из существующих и теперь ясно, что этого не только мало, но и что мы хотели бы ещё больше функций и более насыщенный контент. Новый редактор решает часть этих проблем и давайте внимательно ознакомимся с ним. Возможности встроенного редактора до сих пор существуют, но мы рекомендуем пользоваться только новым редактором и его возможностями. Ветка форума о старом встроенном редакторе будет перенесена в корзину.

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


Цитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопки плюс и минус позваляют вам расширить или уменьшить область ввода текста вашего сообщения по высоте - очень удобная функция. Текст сообщения может быть очень длинным, эти кнопки позволят вам видеть если не целиком всё сообщение, то большую его часть без дополнительного прокручивания.

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

С помощью выпадающего меню вы сможете изменить шрифт выделенного текста на желаемый, ниже приведены все существующие шрифты из выпадающего меню. Размер увеличен до 150% для наглядности и изменение рамера шрифта мы обсудим в следующем сообщении.

1234569 ехал грека через реку lorum ipsum Bradley Hand ITC
1234569 ехал грека через реку lorum ipsum Century Gothic
1234569 ехал грека через реку lorum ipsum Curlz MT
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum cursive
1234569 ехал грека через реку lorum ipsum fantasy
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum French Script MT
1234569 ехал грека через реку lorum ipsum Garamond
1234569 ехал грека через реку lorum ipsum Garamond Bold
1234569 ехал грека через реку lorum ipsum Goudy Stout
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum Helvetica
1234569 ехал грека через реку lorum ipsum monospace
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum OCR A Extended
1234569 ехал грека через реку lorum ipsum Script MT Bold
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum Arial
1234569 ехал грека через реку lorum ipsum Comic Sans MS
1234569 ехал грека через реку lorum ipsum Courier New
1234569 ехал грека через реку lorum ipsum Georgia
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum Times New Roman
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum Trebuchet MS
1234569 ехал грека через реку lorum ipsum Verdana
1234569 ехал грека через реку lorum ipsum Lucida Console
1234569 ехал грека через реку lorum ipsum Lucida Sans Unicode
1234569 ехал грека через реку lorum ipsum Microsoft Sans Serif
1234569 ехал грека через реку lorum ipsum MS Mincho
1234569 ехал грека через реку lorum ipsum Palatino Linotype
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum Symbol
--------------------------------------------------------------------------------------------------------------------------------------------------------------
1234569 ехал грека через реку lorum ipsum Tahoma

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Выпадающее меню размера шрифта:

Scribendi recte sapere est et principium et fons очень маленький 50%
Scribendi recte sapere est et principium et fons маленький 85%
Scribendi recte sapere est et principium et fons нормальный 100%
Scribendi recte sapere est et principium et fons большой 150%
Scribendi recte sapere est et principium et fons очень большой 200%
Scribendi recte sapere est et principium et fons гигантский 300%

руками:

Пример:

[size=115]Scribendi recte sapere est et principium et fons[/size] 

Результат:
Scribendi recte sapere est et principium et fons 115%

цифры после знака равно указывают на размер шрифта по отношению к стандартному, в процентах. Максимальный размер 300%
Новинка в гигантском размере шрифта в 300% и соответственно все значения по убывающей.

Вполне допустима такая комбинация:

[size=275]In sensu strictiori[/size]

In sensu strictiori

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Выпадающее меню подсветки текста, раскрашивает задний план выделенного текста в выбранный из меню цвет.

Пример1:

Canis timidus [highlight=#0000ff]vehementius[/highlight] [highlight=#404080]latrat[/highlight], quam mordet

код ввода

Canis timidus [highlight=#0000ff]vehementius [/highlight] [highlight=#404080]latrat[/highlight], quam mordet

Пример2:

Canis timidus [highlight=#0000ff]vehementius[/highlight] [highlight=#404080]latrat[/highlight], quam mordet

В данном случае мне пришлось изменить цвет текста на белый.

Внимание! Цветовые манипуляции текста зарезервированы для админ состава форума!

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Эта кнопка открывает панель цветов из которой можно выбрать необходимый цвет для выделенного текста.

Пример:

[size=150][color=#FF0000][b]Внимание![/b][/color] Цветовые манипуляции текста зарезервированы для админ состава форума![/size]

В данном случае цвет применён к слову внимание.

[color=#FF0000][b]Внимание![/b][/color]

Результат:

Внимание! Цветовые манипуляции текста зарезервированы для админ состава форума!

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

При нажатии этой кнопки открывается вспомогательное окно для заполнения таблицы.
Самые важные поля это колличество рядов и колличество колонок. Мне показалось проще прописать код вручную.
Любой кто когда-либо делал вёрстку, не будет испытывать с таблицами никаких проблем.
Стили можно просто перекопировать из примеров, приведённых под полями ввода.

Использование таблиц:

Ниже приведён код таблицы в 4 ряда и 4 колонки

[table=width:100%;border:1px solid #cccccc;]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 1[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 1[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 1[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 4 - ряд 1[/td]
  [/tr]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 2[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 2[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 2[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 4 - ряд 2[/td]
  [/tr]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 3[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 3[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 3[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 4 - ряд 3[/td]
  [/tr]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 4[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 4[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 4[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 4 - ряд 4[/td]
  [/tr]
[/table]
колонка 1 - ряд 1 колонка 2 - ряд 1 колонка 3 - ряд 1 колонка 4 - ряд 1
колонка 1 - ряд 2 колонка 2 - ряд 2 колонка 3 - ряд 2 колонка 4 - ряд 2
колонка 1 - ряд 3 колонка 2 - ряд 3 колонка 3 - ряд 3 колонка 4 - ряд 3
колонка 1 - ряд 4 колонка 2 - ряд 4 колонка 3 - ряд 4 колонка 4 - ряд 4

Таблица в три ряда и три колонки:

[table=width:100%;border:1px solid #cccccc;]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 1[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 1[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 1[/td]
  [/tr]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 2[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 2[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 2[/td]
  [/tr]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 3[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 3[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 3 - ряд 3[/td]
  [/tr]
[/table]
колонка 1 - ряд 1 колонка 2 - ряд 1 колонка 3 - ряд 1
колонка 1 - ряд 2 колонка 2 - ряд 2 колонка 3 - ряд 2
колонка 1 - ряд 3 колонка 2 - ряд 3 колонка 3 - ряд 3

Таблица в два ряда и в две колонки:

[table=width:100%;border:1px solid #cccccc;][tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 1[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 1[/td]
  [/tr]
  [tr=]
    [td=border:1px solid #cccccc;padding:4px;]колонка 1 - ряд 2[/td]
    [td=border:1px solid #cccccc;padding:4px;]колонка 2 - ряд 2[/td]
  [/tr]
[/table]
колонка 1 - ряд 1 колонка 2 - ряд 1
колонка 1 - ряд 2 колонка 2 - ряд 2

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Эта кнопка предназначена для вставки ASCii(American Standard Code for Information Interchange) графики

Пример:

[nfo]
      ▄▄▄████▄▄▄                    ▄▄▄█
   ▄████████████████▄▄▄       ▄▄▄▄█████
  █████▀▀▀████████████████████████████
 ███▀       ▀▀██████████████████████▀
 ██      ▄█▄     ▀▀██████████████▀▀
  █       ▀█▌   ▄█    ▀▀▀▀▀▀▀▀▀
   ▀▄▄   ▄█▀▄▄███                 ▄          ▄█    ▄            ▄█         ▄█
      ▀▀▀    ████  ▄▄▄▄▄▄▄█     ▄██        ▄███  ▄██          ▄███       ▄███
           ▄▄████▄████████▀       ▀         ███    ▀           ███     ▄  ███
         ▄▀▀██████▀▀▀▀▀▀▀▄▄  ▄   ▄█   ▄█ ▄█▄▀██   ▄█     ▄▄  ▄ ███  ▄▄ ████████▄
           ▄▄████     ▄█▀ ▀█▄█ ▄███ ▄████▀▀█▀▄█ ▄███  ▄█▀ ▀█▄█ ███▄█▀██ ▀▀███▀▀█
         ▄▀▀█████    ▐██   ███  ███  ███    ███  ███ ▐██   ███ ███▀  ██   ███
             ████    ▐██   ███  ███  ███    ███  ███ ▐██   ███ ███   ██   ███
           ▄▄████    ▐██▌  ███ ▄███  ███    ███  ███ ▐██▌  ███ ███   ██   ███
         ▄▀▀█████▌    ▀██▄█▀███▀███  ███    ███  ███  ▀██▄████ ███   ██   ███
             █████▄      ▀   ▀ ▀▀▀▀▀▀▀▀▀▀  ▀▀▀▀▀▀▀▀▀▀    ▀ ███▀▀▀▀▀ ▀▀▀▀ ▀▀▀▀▀
  ▄███▄      ████████▄▄▄                                  ▐██▌  ANSi·JED<ACiD>
 ▐█▀██▀▄    ▄███████▀▀                                   ▄██▀
  ▀█▄    ▄▄████▀▀                           ▄▄███▄▄▄   ▄▄▀▀
    ▀▀██▀▀▀                                ▀█▀ █▀   ▀▀▀
                                                ▀
[/nfo]

[nfo]
▄▄▄████▄▄▄ ▄▄▄█
▄████████████████▄▄▄ ▄▄▄▄█████
█████▀▀▀████████████████████████████
███▀ ▀▀██████████████████████▀
██ ▄█▄ ▀▀██████████████▀▀
█ ▀█▌ ▄█ ▀▀▀▀▀▀▀▀▀
▀▄▄ ▄█▀▄▄███ ▄ ▄█ ▄ ▄█ ▄█
▀▀▀ ████ ▄▄▄▄▄▄▄█ ▄██ ▄███ ▄██ ▄███ ▄███
▄▄████▄████████▀ ▀ ███ ▀ ███ ▄ ███
▄▀▀██████▀▀▀▀▀▀▀▄▄ ▄ ▄█ ▄█ ▄█▄▀██ ▄█ ▄▄ ▄ ███ ▄▄ ████████▄
▄▄████ ▄█▀ ▀█▄█ ▄███ ▄████▀▀█▀▄█ ▄███ ▄█▀ ▀█▄█ ███▄█▀██ ▀▀███▀▀█
▄▀▀█████ ▐██ ███ ███ ███ ███ ███ ▐██ ███ ███▀ ██ ███
████ ▐██ ███ ███ ███ ███ ███ ▐██ ███ ███ ██ ███
▄▄████ ▐██▌ ███ ▄███ ███ ███ ███ ▐██▌ ███ ███ ██ ███
▄▀▀█████▌ ▀██▄█▀███▀███ ███ ███ ███ ▀██▄████ ███ ██ ███
█████▄ ▀ ▀ ▀▀▀▀▀▀▀▀▀▀ ▀▀▀▀▀▀▀▀▀▀ ▀ ███▀▀▀▀▀ ▀▀▀▀ ▀▀▀▀▀
▄███▄ ████████▄▄▄ ▐██▌ ANSi·JED<ACiD>
▐█▀██▀▄ ▄███████▀▀ ▄██▀
▀█▄ ▄▄████▀▀ ▄▄███▄▄▄ ▄▄▀▀
▀▀██▀▀▀ ▀█▀ █▀ ▀▀▀

[/nfo]

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопка "Off Topic" создаёт панель вокруг вашего текста.

Пример:

[offtopic]Ваш lorum ipsum не соответствует теме раздела[/offtopic]

[offtopic]Ваш lorum ipsum не соответствует теме раздела[/offtopic]

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопка сообщение модератора создаёт панель вокруг выделенного текста. Соответственно это означает, что эта кнопка для модерации форума, также как [dropshadow=#FF0000]красный[/dropshadow] и [dropshadow=blue]синий[/dropshadow] шрифт - может быть использована, только админ составом форума!

Пример:

[mod="JohnCrayton"][dropshadow=#FF0000]За невнимательный просмотр - получаете 15ти минутный бан[/dropshadow] :)[/mod]

[mod="JohnCrayton"][dropshadow=#FF0000]За невнимательный просмотр - получаете 15ти минутный бан[/dropshadow] :)[/mod]

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопка скрытый текст, создаёт панель вокруг выделенного текста. Текст в панели будет виден только зарегестрированным участникам форума.

Пример:

Этот текст виден всем
ASCII (англ. American Standard Code for Information Interchange) — американская стандартная кодировочная таблица для печатных символов и некоторых специальных кодов. В американском варианте английского языка произносится [э́ски], тогда как в Великобритании чаще произносится [а́ски]; по-русски произносится также [а́ски] или [аски́].

ASCII представляет собой кодировку для представления десятичных цифр, латинского и национального алфавитов, знаков препинания и управляющих символов. Изначально разработанная как 7-битная, с широким распространением 8-битного байта ASCII стала восприниматься как половина 8-битной. В компьютерах обычно используют расширения ASCII с задействованным 8-м битом и второй половиной кодовой таблицы (например КОИ-8).

Этот текст свёрнут в панель скрытого текста

[hidden]ASCII (англ. American Standard Code for Information Interchange) — американская стандартная кодировочная таблица для печатных символов и некоторых специальных кодов. В американском варианте английского языка произносится [э́ски], тогда как в Великобритании чаще произносится [а́ски]; по-русски произносится также [а́ски] или [аски́].

ASCII представляет собой кодировку для представления десятичных цифр, латинского и национального алфавитов, знаков препинания и управляющих символов. Изначально разработанная как 7-битная, с широким распространением 8-битного байта ASCII стала восприниматься как половина 8-битной. В компьютерах обычно используют расширения ASCII с задействованным 8-м битом и второй половиной кодовой таблицы (например КОИ-8).[/hidden]

И виден только зарегестрированным участникам форума
[hidden]ASCII (англ. American Standard Code for Information Interchange) — американская стандартная кодировочная таблица для печатных символов и некоторых специальных кодов. В американском варианте английского языка произносится [э́ски], тогда как в Великобритании чаще произносится [а́ски]; по-русски произносится также [а́ски] или [аски́].

ASCII представляет собой кодировку для представления десятичных цифр, латинского и национального алфавитов, знаков препинания и управляющих символов. Изначально разработанная как 7-битная, с широким распространением 8-битного байта ASCII стала восприниматься как половина 8-битной. В компьютерах обычно используют расширения ASCII с задействованным 8-м битом и второй половиной кодовой таблицы (например КОИ-8).[/hidden]

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопка спойлер создаёт сворачиваемую панель вокруг содержимого вашего сообщения. Можете использовать спойлер для длинного текста, графики, видео и прочего.

Пример:

[spoil][img]http://www.google.com/images/srpr/logo4w.png[/img][/spoil]

Спойлер

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кавычки создают панель вокруг выделенного текста.

Примеры:

[quote="JohnCrayton"][b]Кавы́чки[/b] — парный знак препинания, который употребляется для выделения прямой речи, цитат, отсылок, названий литературных произведений, газет, журналов, предприятий, а также отдельных слов, если они включаются в текст не в своём обычном значении, используются в ироническом смысле, предлагаются впервые или, наоборот, как устаревшие, и т. п.[/quote]
или
[quote][b]Кавы́чки[/b] — парный знак препинания, который употребляется для выделения прямой речи, цитат, отсылок, названий литературных произведений, газет, журналов, предприятий, а также отдельных слов, если они включаются в текст не в своём обычном значении, используются в ироническом смысле, предлагаются впервые или, наоборот, как устаревшие, и т. п.[/quote]

Кавы́чки — парный знак препинания, который употребляется для выделения прямой речи, цитат, отсылок, названий литературных произведений, газет, журналов, предприятий, а также отдельных слов, если они включаются в текст не в своём обычном значении, используются в ироническом смысле, предлагаются впервые или, наоборот, как устаревшие, и т. п.

или

Кавы́чки — парный знак препинания, который употребляется для выделения прямой речи, цитат, отсылок, названий литературных произведений, газет, журналов, предприятий, а также отдельных слов, если они включаются в текст не в своём обычном значении, используются в ироническом смысле, предлагаются впервые или, наоборот, как устаревшие, и т. п.

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопка позваляет отображать код, который иначе был бы преобразован.

[b][/b], [i][/i], [u][/u], [quote][/quote], [list][*][/list], [list=1][*][/list], [img][/img], [url][/url] и так далее

Пример:

[url]http://www.google.ru[/url]

без использования тегов "code" текст ссылки был бы преобразован как показано ниже

http://www.google.ru

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
JohnCrayton
(@johncrayton)
Reputable Member Customer
Присоединился: 9 лет назад
Сообщения: 253
Topic starter  

Кнопка отступ помогает создать пространство перед выделенным текстом на необходимое колличество пикселей.

Пример:

Обычный текст, без отступов.
Отступ — отклонение от края колонки одной или нескольких строк, идущих подряд

Отступ в 20 пикселей

[tab=20][b]Отступ[/b] — отклонение от края колонки одной или нескольких строк, идущих подряд

[tab=20]Отступ — отклонение от края колонки одной или нескольких строк, идущих подряд

В жидкой грязи разлива осеннего
Покрякивая утка застряла.
Все ушли тащить блок двухсоттонный. (c) kavalet


ОтветитьЦитата
Страница 1 / 3
Поделиться: