• Clone Wars: шестого эпизода не будет
  • Star Wars: The Old Republic — Free-to-Play осенью
  • Star Wars Collection
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 212»
Модератор форума: BufferOverflow, Berennis 
Форум » Ролевая игра » Общая по ролевой игре » Онлайн-типограф JSTypography
Онлайн-типограф JSTypography
BufferOverflow
Offline
Дата: Вторник, 27.12.2011, 15:48 | Сообщение # 1
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    JSTypography — мощный онлайн-типограф со множеством возможностей. Написан на языке JavaScript, является продолжением типографа от UnderShot’а. Описание его возможностей доступно на странице-примере. Основное его отличие от конкурентов — JSTypography создан для встройки в сайты. Большинство типографов представлены на сайтах их авторов, и представлены в виде страницы с полем ввода и кнопкой. Они доступны только на офсайтах, и, в редких случаях, имеют так же программы для отправки текста на сайт и возвращения в обработанном виде. Так же, эти типографы преимущественно заточены под онлайн-вёрстку.
    JSTypography — скрипт, который вы можете скачать, установить на свой сайт и привязать к любой форме ввода. К примеру, к форме ввода сообщений на форумах, добавления новостей, статей, рассказов и т. п. Так же, вы можете скачать страницу типографа и обрабатывать тексты без подключения к интернету. Размер входного текста не ограничен, что немаловажно для книг. Имеет два режима работы — вывод нормального текста и вывод текста с HTML-разметкой. Так же типограф поддерживает английские правила типографики. JSTypography имеет большой набор правил обработки, который совершенствовался в течение не одного года. Он значительно превосходит по возможностям большинство типографов, включая типограф от Лебедева, и схож по возможностям с типографом от Eugene Spearance.
    Не буду тратить место на описание возможностей — увидеть и испробовать их можно на странице-примере.
JSTypography предлагается в 2-х видах.
jstypography.js — полноценный скрипт для редактирования.
jstypography_minified.js — сжатый скрипт для установки. Не отличается по функционалу, но имеет меньший размер.
    Инструкция по установке:
    1) Загрузите один из скриптов (к примеру, jstypography_minified.js) на сайт.
    2) Теперь необходимо привязать типограф к форме ввода и установить его вызов при нажатии какой-нибудь кнопки. Необязательно кнопки, и необязательно при нажатии. Обычно это кнопка добавления сообщения (типограф не «перебьёт» родную функцию кнопки), но я предпочитаю иметь отдельную кнопку, чтобы знать, что я буду иметь на выходе. Для этого, откройте код целевой страницы, и в теге <head> добавьте загрузку скрипта:
----------------------------------------------------------------------------------
<script type="text/javascript" src="http://path/jstypography_minified.js"></script>
----------------------------------------------------------------------------------
    где path — адрес до скрипта. Можете указать адрес <a class="link" href="http://www.starwars-galaxy.ru/scripts/jstypography.js" rel="nofollow" target="_blank">http: //www.starwars-galaxy.ru/scripts/jstypography.js</a>, и в таком случае скрипт будет грузиться с нашего сайта.
    Теперь, необходимо привязать скрипт. После кнопки добавьте строку с установкой типографа:

----------------------------------------------------------------------------------
<script type="text/javascript">
    jstypograph ({параметры})
</script>
----------------------------------------------------------------------------------
    Теперь подробнее о параметрах. Параметры указываются через запятую, в формате "параметр":"значение" (с кавычками). В случае, если значений несколько, к примеру, скрипт привязан к нескольким кнопкам, список значений указывается в квадратных скобках: "параметр":["значение1",...,"значениеN"]. Доступные параметры:
    "obj": кнопка (или несколько), на которой будет «висеть» типограф. Указывается либо строка с ID элемента-кнопки, либо сам элемент. В случае, если указывается напрямую элемент, его необходимо поместить в массив. Пример:
----------------------------------------------------------------------------------
    //Привязывает скрипт к кнопке с id="typograph"
{obj:"typograph",...
//Аналогично
{obj:["typograph"],...
//Аналогично
{obj:[getElementById("typograph")],...
//Привязывает скрипт к кнопкам с id="typograph" и id="typograph2"
{obj:["typograph", "typograph2"],...
//Неправильно! Элементы должны указываться только внутри массива
{obj:getElementById("typograph"),...
----------------------------------------------------------------------------------
    "nbspobj": кнопка, при нажатию которой будет производиться замена символов неразрывного пробела на строку  . На некоторых форумах (в т.ч. Ucoz) неразрывные пробелы при отправке преобразуются в обычные, в то время как строка   преобразуется в неразрывной пробел. Поэтому для корректной работы неразрывных пробелов и отступов необходимо привязать автозамену на   на кнопку «Добавить сообщение». Необязательно.
    "bind": событие, по которому будет запускаться типограф. Пример:
----------------------------------------------------------------------------------
...,bind:"click",...
----------------------------------------------------------------------------------
    "language": язык. "rus" или "eng", третьего не дано. Необязательно.
    "type": режим вывода. "norm", что значит обычный режим или "html". Обычно выбирают "norm".
    "txts": обрабатываемая(ые) textarea. Указывается аналогично obj.
    "off": список отключаемых функций типографа, опять-таки в квадратных скобках. Отключаемые функции: "spaces" (простановка и удаление пробелов), "tabs" (разметка параграфов), "dashs" (тире и дефис), "chars" (символы), "quotes" (кавычки), "functions" (псевдофункции), "nbsp" (неразрывные пробелы), "br" (расстановка тегов <br>), "href" (выделение ссылок, доступно лишь в html), "h1" (выделение заголовков, доступно лишь в html). Необязательно.
    Пример (полная обработка текста для людей):
----------------------------------------------------------------------------------
jstypograph ({obj:"buttonID", bind:"click", language:"rus", type:"norm", txts: ["textareaID"], off: ["br"]});
----------------------------------------------------------------------------------
    Пример установки на форум Ucoz:
    1) Зайдите в Панель Управления → Редактор страниц → Управление дизайном модуля → Форум → Форма добавления сообщения.
    2) В начале кода добавьте строчку:
----------------------------------------------------------------------------------
<script type="text/javascript" src="http://your_site/jstypography.js"></script>
----------------------------------------------------------------------------------
    Получить адрес скрипта можно в файловом менеджере.
    3) Найдите текст:
----------------------------------------------------------------------------------
<input style="width:110px;" id="frF17" class="postReset" type="reset" value="Отменить" />
----------------------------------------------------------------------------------
    Сразу после него добавьте пробел и текст кнопки:
----------------------------------------------------------------------------------
<input style="width:110px;" type="button" id="typograf" value="Типографировать"/>
----------------------------------------------------------------------------------
    4) В конце всего кода добавьте строчку:
----------------------------------------------------------------------------------
<script type="text/javascript">jstypograph ({obj:"typograf", nbspobj:"frF16", bind:"click", type:"norm", txts:"message", off:"br"}) </script>
----------------------------------------------------------------------------------
    Пример установки на forum2x2 (phpBB2):
    1) Зайдите в Панель Управления → Модуль → HTML & JAVASCRIPT → Управление кодами Javascript → Создать новый Javascript
    2) Скопируйте в открывшееся окно содержимое jstypography.js. Выберите расположение «На всех страницах».
3) Зайдите в Панель Управления → Оформление → Шаблоны → Запостить & Личные сообщения → posting_body. В конец кода добавьте:
----------------------------------------------------------------------------------
<script type="text/javascript">$('input[name=post]').after(' <input class="mainoption" type="button" id="typograph" name="typograph" value="Типограф" tabindex="9" accesskey="t" />');
$(window).bind("load",function(){
jstypograph ({obj:"typograph", bind:"click", type:"norm", txts:[$(".sceditor-container textarea").get(0)], off:"br"});
});</script>
----------------------------------------------------------------------------------
    4) Повторите ту же операцию для Панель Управления → Оформление → Шаблоны → Общие настройки → viewtopic_body.

    Ссылка на скачивание (github):
    Github.
    FileTypography (для файлов).

    По всем вопросам, пожеланиям, найденным ошибкам пишите в эту тему, или ICQ 436149026, либо на buffer.overflow.x86@gmail.com


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Вторник, 10.01.2012, 23:21 | Сообщение # 2
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Почитал «порку онлайн-типографов», и на основе статьи добавил в типограф множество улучшений. Очень большое множество. Итак, новинки:
    1) Доделан режим html. Теперь он не только заменяет текст, но и расставляет теги <p></p> (функция так же называется «отступы»), а так же может расставлять теги <br \> (отключаема через "br") Кроме того, я сделал так, что можно типографить в режиме хтмл и нормальном по очереди, и текст не испортится. Так же защищены от обработки скрипты и каскадные таблицы стилей
    2) Добавлена замена дробей на символы
    3) Расстановка неразрывных пробелов (отключаема через "nbsp", не все форумы этот символ любят).
    4) Типограф научился расставлять кое-где пунктуацию и дефисы. Не везде, конечно, но в самых частых случаях — да.
    5) «Расстановка „правильных двойных и даже ‚тройных‘ кавычек“»
    6) Поддержка всех конверсий конца строки.
    7) Добавлена функция ГРЕЧ(), полезна для математиков — где же вы ещё Ω возьмёте? Подробнее в странице-примере.
    Вот краткий список нововведений. Так же были исправлены баги, и т. д.


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Вторник, 17.01.2012, 21:21 | Сообщение # 3
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.1.1.
    Исправлены баги:
    — Вложенные теги <untypo>.
    — Удалена простановка дефиса, если следующее слово начинается с «ка».
    — В некоторых случаях цитаты экранировались неполностью.
    — Исправлена неполная простановка пробелов после знаков препинания


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Пятница, 29.06.2012, 00:28 | Сообщение # 4
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.1.2
    Исправлены баги:
    — Типографился весь текст, если выделен первый символ. Так же немного улучшен механизм выделения.
    — Вложенные теги <untypo> теперь действительно удаляются.
    — Неправильная замена дефиса на минус


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Суббота, 30.06.2012, 17:41 | Сообщение # 5
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.1.3
    Исправлены баги:
    — Механизм замены отступов в понятный для браузера вид теперь работает с указанными в настройках полями ввода, а не со стандартным для Юкоза.


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Пятница, 13.07.2012, 17:25 | Сообщение # 6
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.1.4
    — Экранируются аргументы тегов.
    — Теперь типограф автоматом возвращает полосу прокрутки на исходное положение.

    Так же, в страницу-пример и в кнопки бб-кодов для форума добавлена кнопка для вставки тегов untypo.


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Суббота, 14.07.2012, 16:10 | Сообщение # 7
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.1.5
    — Добавлен механизм выявления ссылок и email’ов в тексте. Теперь, во-первых, экранируются ссылки, которые прописаны простым текстом без бб-кодов или тегов, а во-вторых, в режиме html они обрамляются тегом <a>.
    — Привязка союзов и предлогов.
    — Проведена оптимизация.
    — Исправлены баги


Подлый ГМ в ролевой
Galileo
Offline
Дата: Суббота, 14.07.2012, 22:57 | Сообщение # 8
Группа: Джедаи
Сообщений: 342
Награды: 0
Репутация: 1
Замечания: 0%
Еще бы орфографию проверял ухх... good

Рико Сенн в ролевой.
BufferOverflow
Offline
Дата: Воскресенье, 15.07.2012, 00:00 | Сообщение # 9
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
Galileo, эта фича и в браузеры встроена :)

Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Вторник, 17.07.2012, 14:55 | Сообщение # 10
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.2.
    — Окончательно исправлены вложенные теги untypo.
    — Исправлены баги с экранированием ссылок.
    — Исправлены другие мелкие баги.
    — Добавлена простановка тире в диапазонах дат.
    — Добавлено много правил для простановки дефисов, пробелов и привязки предлогов.
    — Переписан механизм простановки кавычек. Вместо нагромождения регулярных выражений теперь старый добрых вложенный цикл. Теперь корректно обрабатываются лаконичные записи вроде «ОАО «ОблПроблПродукт».
    — Много чего ещё поправил. Не помню уже всего, но много.


Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Пятница, 03.08.2012, 16:42 | Сообщение # 11
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.2.1.
    — Исправлены баги (вечно забываю, что для поиска точек в нужно писать \.).


Подлый ГМ в ролевой
animator
Offline
Дата: Воскресенье, 13.01.2013, 17:04 | Сообщение # 12
Группа: Джедаи
Сообщений: 5
Награды: 0
Репутация: 0
Замечания: 0%
Отличная вещь, спасибо.

Было бы вообще замечательно, если бы ещё заголовки выделялись. Чтобы не в <p> обрамлялись, а, например, в h2, ведь по сути они всегда достаточно короткие и не заканчиваются точкой)
BufferOverflow
Offline
Дата: Четверг, 17.01.2013, 20:55 | Сообщение # 13
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
animator, посмотрю. Обработка книг тоже предполагается

Подлый ГМ в ролевой
BufferOverflow
Offline
Дата: Пятница, 18.01.2013, 23:14 | Сообщение # 14
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.2.3.
    — Исправлены баги с простановкой ссылок, тегами <p>.
    — Добавлена простановка тегов (отключается через "h1", доступна лишь в режиме html).
    — Простановка ссылок отключается через параметр "href" (доступна лишь в режиме html).


Подлый ГМ в ролевой
animator
Offline
Дата: Пятница, 18.01.2013, 23:42 | Сообщение # 15
Группа: Джедаи
Сообщений: 5
Награды: 0
Репутация: 0
Замечания: 0%
Здорово! Заголовки выделяются, спасибо!
BufferOverflow
Offline
Дата: Суббота, 19.01.2013, 16:31 | Сообщение # 16
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    animator, пожалуйста. Кстати, распознавание заголовков реализовано намного сложнее и точнее.
    Вышла версия 2.2.3.1 (микрофикс).
    — Исправлены заголовки: теперь они могут начинаться и заканчиваться на цифру, и кончаться на ).


Подлый ГМ в ролевой
animator
Offline
Дата: Воскресенье, 20.01.2013, 11:35 | Сообщение # 17
Группа: Джедаи
Сообщений: 5
Награды: 0
Репутация: 0
Замечания: 0%
Списки планируешь обрабатывать?
BufferOverflow
Offline
Дата: Воскресенье, 20.01.2013, 13:41 | Сообщение # 18
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
animator, нумерованные/маркированные? Возможно

Подлый ГМ в ролевой
animator
Offline
Дата: Воскресенье, 20.01.2013, 13:43 | Сообщение # 19
Группа: Джедаи
Сообщений: 5
Награды: 0
Репутация: 0
Замечания: 0%
лучше всего, конечно, оба варианта)
BufferOverflow
Offline
Дата: Понедельник, 28.01.2013, 20:47 | Сообщение # 20
Группа: Banned
Сообщений: 1624
Награды: 8
Репутация: 48
Замечания: 0%
    Вышла версия 2.2.4.
    — Функция возведения в степень исправлена. Добавлены псевдофункции НИЖН и ВЕРХ, дающие нижний и верхний регистр.
    Функция простановки списка оказалась слишком жирной, и реализована не будет. Впрочем, закомментированный недоделанный код я оставил.


Подлый ГМ в ролевой
Форум » Ролевая игра » Общая по ролевой игре » Онлайн-типограф JSTypography
Страница 1 из 212»
Поиск: