Перейти из форума на сайт.

Новости • Файловые архивы
Поиск • Активные темы • Топ лист
Правила • Кто в on-line?
Вход • Забыли пароль? • Первый раз на этом сайте? • Регистрация
Компьютерный форум Ru.Board » Компьютеры » Программы » GoldenDict | DSLGD | DSL extension format

Модерирует : gyra, Maz

 Версия для печати • Подписаться • Добавить в закладки
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13

Открыть новую тему     Написать ответ в эту тему

BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
GoldenDict + DSLGD v6.26_UI Revolution на основе последней сборки 1.5RC293 + последние изменения.
 
Внимание. Учтите, что текущая версия UI Revolution не на основе свежей версии и здесь нет индиксации словарей для полнотекстового поиска. И если вы решили ее испытать, то после возврата на более новую версию произойдет долгий процесс переиндексации словарей для полнотекстового поиска.
 
- Download: http://d-h.st/9ruJ - инсталлятор GoldenDict на основе сборки 1.5RC476 - (не UI Revolution).
- Download: http://rghost.net/7ZndsMz8R - только exe файл и обновленная библиотека на основе сборки 1.5RC479 - (не UI Revolution).
Эта сборка на основе текущего официального релиза, с постепенно внедряемым и дорабатываемым новым функционалом UI Revolution. Подробности смотрим в топиках ветки, тем более здесь отмечена не всегда текущая версия.
 
- Download: http://d-h.st/Hd5P DSLGD v6.26_UI Revolution на основе официальной сборки 1.5RC293
New:
  • Full-Text Search - Многорежимный полнотекстовый поиск ( RegExp/Wildcard/Enumeration ) для DSL словарей.
  • Многорежимный статистический анализатор текста ( через буфер обмена ): Word Stat/Phrase Search.
  • Реализована совместимость вставки внешних стилей CSS в карточку с компиляцией DSL словарей в формат LCD.
  • Добавлены новые теги DSLGD для составления клиентских карт изображений: [map], [area].
  • Оптимизированы стандартные теги DSL в строну максимальной совместимости и быстроты адаптации DSL <--> DSLGD.

Возможности обновленного интерфейса UI Revolution:
  • Full-Text Search - Многорежимный полнотекстовый поиск: RegExp/Wildcard/Enumeration для DSL словарей.
  • Word Stat - Многорежимный статистический анализатор текста( через буфер обмена ): Word Stat/Phrase Search.
  • Алфавитный указатель DSL  словарей - режим Caption в статистическом анализаторе.
  • DSLGD - расширение формата словарей DSLGD до уровня HTML + CSS + JavaScript + Flash...
  • Поддержка внешних CSS стилей.
  • Поддержка HTML управления и внутренних стилей CSS для тегов.
  • Оптимизированная/сокращенная запись внутренних стилей для тегов.
  • Поддержка MIME-типы, прямая вставка: Flash, SVG, PDF, HTML... контента в словарные карточки. Иными словами для составления словаря можно использовать множество различных редакторов от простых до визуальных с поддержкой языков программирования, сохранить в соответствующем формате, отправить контент в мультимедиа папку словаря и вставить в текст карточки имя файла, обрамив тегом. И карточки могут быть не только информативными, но и интерактивными.
  • Возможность скрытия карточек определенного словаря. Например, для прекращения отображения карточек звуковых библиотек или индексных словарей, карточки которых пусты.
  • Менеджер проектов DSL словарей позволяет автоматически создавать и открыть внешним редактором комплект файлов нового словаря одним кликом мыши. Все, что вам после этого надо - начать создавать карточки.
  • Новая кнопка тулбара - Rescan. Незаменимый инструмент при редактировании словарей и проверки результатов в режиме реального времени.
  • Менеджер журналов с расширенным контекстным меню (буфер обмена).
  • Открытие превью графических объектов внешним въювером, установленным в системе по умолчанию.  
  • Превью длинных карточек.
  • Slide Show - Слайд шоу карточек журнала или режим карточек для заучивания слов.
  • Кликабельное имя словаря в карточке, ссылка ведет на карточку с одноименным заголовком.  
  • Строка поиска вынесена на тулбар. Переключение через контекстное меню панели поиска.
  • Раздельный зум для основного и всплывающего окон. Меню настройки зума - отрывное.
  • Кнопки интерфейса разнесены по разным тулбарам в соответствии с функционалом. Возможность компоновки тулбаров по своему усмотрению.
  • Возможность скрывать кнопки с тулбара.
  • Контекстное меню кнопок тулбара.
  • Кнопка сканирования сохраняет состояние при перезапуске GoldenDict.
  • Однокнопочный режим кнопки Zoom: Левая кнопка мыши - увеличить, Правая - уменьшить. Расширенный набор функций в выпадающем меню.

GoldenDictStart_v3.05 - Учебно-справочный словарь по настройке, функционалу GoldenDict и тегам DSL/DSLGD:
- Download: http://d-h.st/mrr
Для входа на главную страницу словаря набрать в строке поиска - GoldenDictStart.
npp_v6.5.3 - Вспомогательный материл учебно-справочного словаря GoldenDictStart:
- Download: https://www.solidfiles.com/v/QMQrPR587MBnD
NoName - Cтиль для GoldenDict. Вспомогательный к учебно-справочному словарю GoldenDictStart:
- Download: http://d-h.st/BN0
ColapseStyle5in1 - Дополнительные стили режима Collapse на основе lingoes-blue:
- Download: http://d-h.st/57x
IrfanView_v4.37 - Вьювер для GoldenDict:
- Download: http://d-h.st/8Bm
kompozer-0.8b3.ru - Визуальный редактор HTML:
- Download: http://d-h.st/1df
ABC_v1.03 Учебный словарь по транскрипции (Британский вариант):
- Download: http://d-h.st/z2U
Для входа на главную страницу словаря набрать в строке поиска - ABC.
Zubrila_All_v1.51 - Словарь-тренажер по мотивам таблиц Петрова:
- Download: http://d-h.st/Uoj
Для входа на главную страницу словаря набрать в строке поиска - Zubrila.
 
Параллельная ветка:
http://forum.ru-board.com/topic.cgi?forum=5&topic=30250&start=2700#4
Голосовалка:
http://forum.ru-board.com/topic.cgi?forum=5&topic=45768#1
 
GoldenDict.exe - экспериментальный запускной файл GoldenDict с расширенным набором тегов DSLGD + начальной системой конвертации HTML <--> DSLGD. Для корректной работы установите (если не установлен) Latest release: GoldenDict 1.0.1 (32-bit Windows installer, 16MB) http://goldendict.org/download.php и замените файлы в папке установки GoldenDict на файлы из прилагаемого архива.
 
Новый формат DSLGD - расширение формата словарей DSL.
Позволяет с простотой DSL или BB кодов, создавать новые словари или редактировать уже созданные словари формата DSL на уровне HTML + CSS + JavaScript + Flash:
  • Код DSLGD встроен в экспериметальные сборки и не нарушает остальной функционал GoldenDict.
  • Основан на принципе работы с DSL разметкой и BB кодами.
  • Функционал расширен до уровня HTML + CSS + JavaScript + Flash.
  • Сохранена полная совместимость с DSL.
  • Расширены возможности стандартных тегов DSL.
  • Добавлены новые теги.
  • Теги быстрой конвертации HTML <--> DSLGD позволяют быстро добавить код HTML в текст словаря формата DSLGD.
  • Несколько вариантов управления тегами из расширенного и стандартного набора: принцип BB кодов, принцип HTML, сокращенный принцип HTML.
  • Простота управления тегами сведена к минимуму.
  • Позволяет создавать словари с прежней простотой DSL формата.  
  • Возможность использования HTML редакторов при верстке карточек.

Доработаны стандартные теги DSL:
[s], [ref], [url], [Ь], [ i], [ u], [t], [p], [ c], [mN], [ *], [ex], [ sub], [ sup]
 
Расширенный набор тегов DSLGD:
Табличные теги:
[tbl] - тег открытия таблицы.
[cpn] - тег заголовка таблицы.
[tr] - тег строки таблицы.
[th] - тег заголовочной ячейки таблицы.
[td] - тег ячейки таблицы.
 
Теги списка:
[ol] - универсальный тег открытия списка. По умолчанию - нумерованный тип списка - decimal.
[ul] - универсальный тег открытия списка. По умолчанию - маркированный тип списка - disc.
[li] - тег пункта списка.
 
Теги составления клиентских карт изображений:
[map] - тег открытия клиентской карты изображений.
[area] - тег определения активной области для карты-изображений.
 
Тег внедрения скриптов JavaScript:
[js] - тег импорта файла JavaScript или описание JavaScript. Этому тегу соответствует две HTML конструкции:  
<script src=">...</script>.
<script type="text/javascript">...</script>.
 
Дополнительные теги:
[css] - тег вставки файла .css внешнего стиля.
[sn] - строчный тег, аналог HTML тега <span>.
[dv] - блочный тег, аналог HTML тега <div>.
[swf] - тег прямой вставки SWF, HTML, PDF, SVG контента.
[pre] - тег для вставки форматированного текста.
[fs] - универсальный тег свойств шрифта: начертание, насыщенность, размер, фонт.
[d] - перечеркнутый текст.
[o] - надчеркнутый текст.
[ar] - по правому краю.
[ac] - по центру.
[aj] - по ширине, что означает одновременное выравнивание по левому и правому краю.
[btn] - тег кнопки.
[ br]  - тег перевода строки.
[ hr]  - тег горизонтальной линии.
 
Теги быстрой конвертации HTML <--> DSLGD:
<div>, <span>, <font>, <p> (с заменой на pc), <b>, <i>, <u>, <sub>, <sup>, <h0...h6>, <del>, <s> ( c заменой на strike), <strike>, <center>, <a>, <img>, <caption>, <table>, <td>, <th>, <col>, <colgroup>, <tbody>, <tfoot>, <thead>, <tr>, <ol>, <ul>, <li>, <br>, <hr>, <pre>, <button>, <embed>, <object>, <param>.
 
Постепенно систему конвертации можно расширить вплоть до полной совместимости с HTML.
Принцип работы  HTML <--> DSLGD:
- Из HTML страницы выбираем понравившуюся таблицу и вставляем ее в текст DSL словаря.
- Делаем замену:
< - [
> - ]
" - '
- При создании собственных словарей можно обойтись и без подмен. К примеру настраиваем HTML редактор в EmEditor на вывод [ ] вместо < >. Вероятно, можно настроить редакторы на автозамену при вставке HTML кода.
- таблица готова.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 22:15 02-01-2013 | Исправлено: Maz, 13:24 29-03-2021
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Проект на стадии развития. Хотя в основном сформирован. В дальнейшем не намечается серьезных переделок мешающих создавать словари.  
Я готов обсудить любые детали и пытаться  улучшить систему. Так же недостаток знаний  не позволяет реализовать быстро дальнейшие задумки. Совместное обсуждение и помощь специалистов  ускорили бы процесс.  
В частности, на сегодня необходимо решить два важных вопроса:
  • Непарные HTML теги типа <br>, которые в HTML коде не закрываются в DSL коде должны обязательно закрываться [ br] [/br] и иметь любой символ внутри (пробел можно). В общем то это не мешает использовать полную верстку HTML и создавать аккуратный код. Однако для быстрой конвертации это мешает. И вместо простой замены скобок, вынуждены проследить или на всякий случай заменить непарные теги HTML парными тегами ВSLGD.
  • Необходимо продумать систему импорта стилей. Сейчас можно прописать стили в article-style.css или даже сделать импорт стилей в этом файле с помощью команды CSS. Однако сами понимаете, что это не выход. В идеале необходимо:
    - Иметь возможность вставлять в начале карточки или словаря тег-аналог <style>. Для прописывания стиля непосредственно в карточке и для возможности импорта стиля. Простым способом, доступным для меня, это сделать не удалось. Поскольку, в отличии от других тегов, этот тег должен находиться HEADER карточки. Хотя этот тег не плохо сработал и в BUDY  карточки. Но все равно мне туда не добраться.
    - Должна быть возможность автоподхватывания стиля из подкаталога STYLE папки мультимедиа файлов словаря. Мне удалось это сделать. Однако поиск стилей осуществлялся и в тех словарях в которых их не было. При большом количестве словарей ощутима задержка. Слишком грубый метод. Поиск должен быть там где они есть. А вообще была спровоцирована модель, что произойдет если вдруг разработчики будут увлекаться стилями. Самый быстрый способ как это не парадоксально (для HTML разработчика) прописывать стили в теле карточки.

Если найдутся желающие помочь разобраться, буду рад.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 05:22 03-01-2013 | Исправлено: BKSRU, 19:41 11-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Если на первый взгляд слишком много новых тегов. Постараемся разобраться сначала, что же теперь могут старые.
 
Стандартные DSL теги ссылок [ ref], [ url], [ s].
Помимо обычного использования они теперь имеют возможность управления, подобно BB кодам. Ссылки могут приобретать любой привычный в HTML  вид.
Принципы просты и одинаковы для всех:
[a]ссылка[ /a]
[a иконка]ссылка[ /a]
[a ссылка]текст для ссылки[ /a]
 
Наиболее интересен тег [ s]. На его примере и разберем:
Аудио файлы:
[ s]look.wav[ /s] - в этом случае на месте ссылки появится иконка по умолчанию для аудио файла.
[ s us.png]look.wav[ /s] - в этом случае на месте ссылки будет иконка us.png, которая должна находиться в подкаталоге STYLE мультимедиа каталоге словаря.
[ s look.wav]Прослушать звукозапись[ /s] -  в этом случае на месте ссылки появится надпись Прослушать звукозапись.
 
Видео фалы подчинены тем же принципам:
[ s]look.avi[ /s] - в этом случае на месте ссылки появится иконка по умолчанию для видео файла.
[ s pl.png]look.avi[ /s] - в этом случае на месте ссылки будет иконка pl.png, которая должна находиться в подкаталоге STYLE мультимедиа каталоге словаря.
[ s look.avi]Просмотреть видеоролик[ /s] -  в этом случае на месте ссылки появится надпись Просмотреть видеоролик.
 
Графические объекты:
Этот тег не теряет своих первоначальных свойств присущих DSL (как и все остальные теги) и при вставке графического объекта. Однако, теперь имеется возможность выровнять картинку не только по левому краю, но и по центру или правому краю. Причем, картинка может обтекаться текстом. Можно сделать превью любого размера...
 
Ссылки типа [ ref] и [ url]:
С этими ссылками можно поступить точно таким же образом и сделать из них либо иконку, либо надпись. Можно просто в DSL файле выделить любой текст и сделать из него ссылку. Причем направить ссылку на любую карточку или URL. Как например эта ссылка: Список форумов
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 08:31 03-01-2013 | Исправлено: BKSRU, 19:20 28-04-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Стандартные теги форматирования текста:
[Ь], [ i], [ u], [t], [p], [mN], [ex], [ sub], [ sup]
 
Для простоты рассмотри сначала аналоги HTML тегам - [ b], [ i], [ sub], [ sup], [mN]:
Полные аналоги:
[ b] - аналог <b>
[ i] - аналог <i>
[ sub] - аналог <sub>
[ sup] - аналог <sup>
Немного выбивается из общего ряда, но для нас важен:
[ mN] - аналог <div>
Это означает, что внутри этих тегов можно прописать управление или стиль так же как это делается в HTML тагах - аналогах. Единственное правило (не противоречащее HTML) - использовать только одинарные кавычки - '.
Чем хороши аналоги, так это тем, что они легко поддаются конвертации HTML <--> DSL.
 
Для примера опишу один, но очень интересный прием - замена оригинального заголовка карточки произвольным:
Для этого надо просто заключить заголовок в следующую конструкцию:
{[b hidden]}Заголовок{[/ b]}
Теперь в теле карточки можно прописать любой заголовок с собственным стилем.
 
Теги - [u], [p], [t], [ c], [ex], [ *]:
Внешне может они похожи на теги HTML. Однако, их аналогом является тег HTML - <span>, за исключением , [ *] - аналог <div>. Принципы управление для них те-же, что и для вышеупомянутых стандартных тегов DSL.
 
Быстрое стилевое оформление шрифтов и сокращенная форма записи стиля.
Помимо полной формы записи управления тегами, аналогичной HTML, для тегов DSLGD работает и упрощенная форма:
 
Для всех стандартных тегов можно применить быстрое стилевое оформление шрифта по схеме:
[ТЕГ italic bold Размер шрифта/Межстрочное расстояние (интерлиньяж) Имя фонта]Контент[/ТЕГ]
 
А для таких тегов как: [s], [ref], [url], [t], [p], [ c], [mN], [ *], [ex] может быть применена сокращенная форма написания стиля:
[ТЕГ 'Стиль по правилам CSS' Атрибуты HTML]Контент[/ТЕГ]
 
Полное описание этих методов смотрим ниже.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 15:19 03-01-2013 | Исправлено: BKSRU, 13:19 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Опытный взгляд заметит, что теперь в его распоряжении есть все необходимое для создания карточек любой сложности, даже не прибегая к расширенному набору тегов. Однако, воспользоваться этим смогут более подготовленные специалисты, не новички в HTML. Для того, что бы упростить верстку карточек и создан расширенный набор тегов. С ними справится даже новичок, при этом не ограничивая себя ни в чем. Принцип работы с ними проверен - принцип BB-кодов. Рассмотрим для начала самые необходимые.
 
Для составления любых таблиц достаточно знать три тега [tbl], [ tr], [ td]:
Это аналоги соответствующих HTML тегов и управление ими аналогично. Но под тегом [tbl] скрывается наиболее распространенная конструкция для упрощения составления словарей. Но если начать прописывать управление, то конструкция обнулится и можно составить свой собственный стиль:
[tbl] - аналог HTML конструкции <table cellpadding='3' bordercolor='black' border='1' width='100%' style='border-collapse:collapse'>, тег открытия таблицы
[tr] - аналог <tr>, строка таблицы
[ td] - аналог <td>, ячейка таблицы
 
Новичкам будет удобен интуитивно понятный способ составления таблиц:
[ tbl]
[ tr][ td]Ячейка[ /td][ td]Ячейка[ /td][ /tr]
[ tr][ td]Ячейка[ /td][ td]Ячейка[ /td][ /tr]
[ /tbl]
В этом случае получим полноценную таблицу, на всю ширину карточки, с бордюром в 1px.
 
Продвинутые пользователи, обычно, предпочитают построчное заполнение ячеек таблиц:
[ tbl]
    [ tr]
        [ td]Ячейка[ /td]
        [ td]Ячейка[ /td]
    [ /tr]
    [ tr]
        [ td]Ячейка[ /td]
        [ td]Ячейка[ /td]
    [ /tr]
[ /tbl]
Для этого способа удобно использовать визуальный редактор. Например, EmEditor. В настройках лучше указать при вставке HTML кода использовать [ ] скобки вместо < >.
 
Дополнительные табличные теги [cpn], [ th] сделают код таблиц короче:
[cpn] - аналог <caption>, заголовок таблицы
[ th] - аналог <th>, заголовочная ячейка
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 17:25 03-01-2013 | Исправлено: BKSRU, 15:12 28-04-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Создавать списки проще простого. Для этого нам понадобится только пара тегов. Несмотря на скромный арсенал, эта сладкая парочка позволит творить со списками все, что пожелаете.
 
Теги списков [ol], [ul], [li]:
[ol] -  аналог <ol>, универсальный тег для открытия списка любого типа: маркерного, нумерованного, графического. По умолчанию - нумерованный тип списка - decimal.
[ul] -  аналог <ul>, универсальный тег для открытия списка любого типа: маркерного, нумерованного, графического. По умолчанию - маркированный тип списка - disc.
[li] - аналог <li>, пункт списка. Соответственно, управление аналогичное.
 
Список с графическим маркером (открыт может быть и тегом [ul]):
[ol иконка]
    [li]Пункт списка[/li]
    [li]Пункт списка[/li]
[/ol]
Иконка должна находиться в подкаталоге STYLE мультимедиа каталоге словаря.
 
Маркерный и нумерованный типы списка (открыт может быть и тегом [ol]):
[ul тип списка]
    [li]Пункт списка[/li]
    [li]Пункт списка[/li]
[/ul]
 
Тип списка любой из стандартных для HTML:
Маркированный список:
disc - Маркер в виде точки (по умолчанию).
circle - Маркер в виде кружка.
square - Маркер в виде квадрата.

Нумерованный список:
armenian - Традиционная армянская нумерация.
decimal - Арабские числа (1, 2, 3, 4,...).
decimal-leading-zero - Арабские числа с нулем впереди для цифр меньше десяти (01, 02, 03,...).
georgian - Традиционная грузинская нумерация.
lower-alpha - Строчные латинские буквы (a, b, c, d,...).
lower-greek - Строчные греческие буквы (&#945;, &#946;, &#947;, &#948;,...).
lower-latin - Это значение аналогично lower-alpha.
lower-roman - Римские числа в нижнем регистре (i, ii, iii, iv, v,...).
upper-alpha - Заглавные латинские буквы (A, B, C, D,...).
upper-latin - Это значение аналогично upper-alpha.
upper-roman - Римские числа в верхнем регистре (I, II, III, IV, V,...).
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 21:27 03-01-2013 | Исправлено: BKSRU, 07:53 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
И конечно же нам не обойтись без тега оформления стиля фонта.
 
Универсальный тег стиля фонта [fs]:
[fs] - универсальный тег свойств шрифта: начертание, насыщенность, размер, фонт (по молчанию 13px Georgia)
 
Выбор размера шрифта:
Размер может быть задан в пикселях или процентах. Через слэш можно указать межстрочное расстояние (интерлиньяж):
[fs 22px]Контент[ /fs]
[fs 16px/24px]Контент[ /fs]
[fs 120%]Контент[ /fs]
 
Выбор шрифта:
Управление простое. Нужно выбрать только фонт или список шрифтов. Список шрифтов может включать одно или несколько названий, разделенных запятой. Если имя фонта имеет пробелы, то это имя надо заключить в двойные скобки, как и в стандартном CSS. Перед именем шрифта обязательно указать размер шрифта:
[fs 13px Georgia]Контент[ /fs]
[fs 13px Georgia, "Times New Roman", Times, serif]Контент[ /fs]
 
Перед размером шрифта могут быть указаны: italic или bold. В любом порядке или вместе:
[fs italic 13px times]Контент[ /fs]
[fs italic bold 13px times]Контент[ /fs]
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 09:56 04-01-2013 | Исправлено: BKSRU, 13:31 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Теги быстрого оформления текста и позиционирования блоков.
 
Теги быстрого оформления текста:
[d] - перечеркнутый текст.
[o] - надчеркнутый текст.
 
Теги быстрого форматирования текста:
[ar] - позиционирование блоков: текста, графика, таблицы..., по правому краю карточки.
[ac] - позиционирование блоков: текста, графика, таблицы..., по центру карточки.
[aj] - позиционирование блоков: текста, графика, таблицы..., по обеим сторонам карточки.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 13:16 04-01-2013 | Исправлено: BKSRU, 07:59 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Необходимый набор для верстки карточек словаря перечислен. В него вошли теги нехватка которых ощущалась постоянно при работе с DSL файлами. Хотя, с существующим набором тегов, используя стили, можно создать любой элемент для карточки, более целенаправленные или комплексные теги сокращаю  код карточки и делают верстку нагляднее и проще. Следующие теги к такой категории тегов и относятся. И по мере оптимизации системы, подобный набор тегов можно расширить, а существующий оптимизировать и сделать более универсальным.
 
Рассмотрим несколько полезных тегов:
Тег кнопки:
[btn] - Полный аналог HTML тега <button>. Стилевое управление аналогично оригинальному HTML тегу.
Заключив в этот тег ссылку можно получить симпатично оформленную кнопку.
Однако, есть полезная особенность:
[tbl иконка] - в этом случае внутри кнопки мы получим иконку. Иконка должна находиться в подкаталоге STYLE мультимедиа каталоге словаря.
 
Тег предварительно форматированного текста:
[pre] - Полный аналог HTML тега <pre>.  Стилевое управление аналогично оригинальному HTML тегу.  
Иногда бывает необходимость вставить в карточку текст как он есть, со всеми табуляциями и пробелами. Например, программный код... Этот тег нам в этом и поможет. Просто такой текст над заключить в этот тег. Примечательная особенность этого тега, что в теле этого тега можно использовать другие теги.
 
Тег линии:
[ hr] [/hr] - Аналог HTML тега <hr>.  Стилевое управление аналогично оригинальному HTML тегу. Есть одно небольшое отличие. Оригинальный тег не имеет закрывающего тега. DSLGD тег должен обязательно иметь через пробел закрывающий тег.
Иногда нам просто надо начертить линию. Этот тег нам в этом поможет. Стиль по умолчанию для этого тега изменен.
 
Тег перевода строки и отмены обтекания текстом:
[ br] [/br] - Аналог HTML тега <br>.  Стилевое управление аналогично оригинальному HTML тегу. Есть одно небольшое отличие. Оригинальный тег не имеет закрывающего тега. DSLGD тег должен обязательно иметь через пробел закрывающий тег.
Иногда необходимо принудительно перевести строку или отменить обтекание графики текстом. Этот тег нам в этом поможет.
 
Резервные пустые строчный и блочный теги:
[sn] - Строчный тег, полный аналог HTML тега <span>.  Стилевое управление аналогично оригинальному HTML тегу.
[dv] - Блочный тег, полный аналог HTML тега <div>.  Стилевое управление аналогично оригинальному HTML тегу.
Опытные пользователи знают толк в этих тегах.
 
Быстрое стилевое оформление шрифтов и сокращенная форма записи стиля.
Помимо полной формы записи управления тегами, аналогичной HTML, для тегов DSLGD работает и упрощенная форма:
 
Для всех тегов расширенного набора, исключая [js], [ br], [ hr], можно применить быстрое стилевое оформление шрифта по схеме:
[ТЕГ italic bold Размер шрифта/Межстрочное расстояние (интерлиньяж) Имя фонта]Контент[/ТЕГ]
 
А для таких тегов как: [tbl], [cpn], [sn], [dv], [fs], [ d], [o], [ar], [ac] , [aj] , [btn] может быть применена сокращенная форма написания стиля:
[ТЕГ 'Стиль по правилам CSS' Атрибуты HTML]Контент[/ТЕГ]
 
Полное описание этих методов смотрим ниже.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 15:49 04-01-2013 | Исправлено: BKSRU, 13:27 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Следующий тег держится особнячком и подходит, пожалуй, для более подготовленных пользователей. Для нас важно, что у нас есть возможность вставить JavaScript в карточку. А следовательно, придать интерактивность и такие свойства  словарным статьям, которые не возможно осуществить средствами HTML+CSS.
 
Тег внедрения скриптов JavaScript:
[js] - Тег импорта файла JavaScript или описание JavaScript. Этому тегу соответствует две HTML конструкции:  
<script src=">...</script>.
<script type="text/javascript">...</script>.
 
Синтаксис в DSLGD упрощен:
[js]файл JavaScript[/js] - файл JavaScript должен находиться в подкаталоге STYLE мультимедиа каталоге словаря.
[js]описание JavaScript[/js]
 
На самом деле пользоваться этим тегом не составит труда и новичку. Есть готовые библиотеки скриптов. Пользователю остается только скопировать файл JavaScript в подкаталог STYLE каталога мультимедиа файлов словаря, а в теле карточки используя теги вставить их в соответствующем месте.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 06:18 05-01-2013 | Исправлено: BKSRU, 13:26 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Теги быстрой конвертации HTML <--> DSLGD:
<div>, <span>, <font>, <p> (с заменой на pc), <b>, <i>, <u>, <sub>, <sup>, <h0...h6>, <del>, <s> ( c заменой на strike), <strike>, <center>, <a>, <img>, <caption>, <table>, <td>, <th>, <col>, <colgroup>, <tbody>, <tfoot>, <thead>, <tr>, <ol>, <ul>, <li>, <br>, <hr>, <pre>, <button>.
 
Эти HTML теги примечательны тем, что в DSLGD для них имеются аналоги:
[ div], [ span], [ font], [ pc], [ b], [ i], [ u], [ sub], [ sup], [ h0...h6], [ del], [ strike], [ center], [ a], [ img], [ caption], [ table], [ td], [ th], [ col], [ colgroup], [ tbody], [ tfoot], [ thead], [ tr], [ ol], [ ul], [ li], [ br], [ hr], [ pre], [ button].
И вся конвертация сводится к простой замене:
< - [
> - ]
" - '
 
Совет: Перед конвертацией HTML кода, следует перед всеми квадратными скобками проставить обратный слэш - \. Это необходимо, что бы в дальнейшем различать квадратные скобки тегов от квадратных скобок текстовой части. В общем то перед конвертацией следует проставить обратный слэш перед следующими символами: \ [ ] ~ @. И это правило касается любой конвертации в DSL. Иначе, эти символы не будут отображены в карточке словаря, а будут восприняты как служебные.
 
В дальнейшем этот набор быстрой конвертации может быть расширен, вплоть до полной совместимости.
В первую очередь такая конвертация рассчитана для быстрой вставки в DSLGD-файл HTML-блоков, таких как таблицы. Но как видим для DSLGD это такие же теги как и теги из основного набора и их можно использовать самостоятельно.  
Однако, в основном наборе есть все необходимые, проверенные годами теги, которые используют современные HTML верстальщики. На которые уже накладываются стили. И не следует злоупотреблять тегами быстрой конвертации. В этом случае код DSLGD-файла будет аккуратнее и в дальнейшем легче поддастся к обратной конвертации HTML.
 
Теги быстрой конвертации можно разделить на группы:
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 10:18 05-01-2013 | Исправлено: BKSRU, 08:01 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Полные аналоги:
 
Стандартные теги DSL, поддающиеся конвертации:
<b> - [b]
<i> - [i]
<u> - [u]
<sub> - [sub]
<sup> - [sup]
 
Новые теги DSLGD, поддающиеся конвертации:
<span> - [span]
<div> - [div]
<font> - [font]
<h0...h6> - [h0...h6]  
<pre> - [pre]
<button> - [button]
<strike> - [strike]
<center> - [center]
<caption> - [caption]
<table> - [table]  
<td> - [td]
<th> - [th]
<tr> - [tr]
<ol> - [ol]  
<ul> - [ul]
<li> - [li]
<del> - [del]
<a> - [a]
 
Конвертация этих тегов самая простая и сводится к простой замене:
< - [
> - ]
" - '
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 16:40 05-01-2013 | Исправлено: BKSRU, 08:03 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Аналоги DSLGD, требующие замены имени:
 
<p> - [pc]
<s> - [strike] или более универсальный [del]
 
Конвертация этих тегов не намного сложней и сводится к простой замене:
< - [
> - ]
" - '
А также необходимо поменять имена тегов.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 12:27 06-01-2013 | Исправлено: BKSRU, 08:04 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Аналоги DSLGD, требующие обязательного закрытия в отличии от оригинальных HTML тегов:
 
Для оригинальных HTML тегов закрывающий тег не нужен:
<br> - [ br] [/br]
<hr> - [ hr] [/hr]
<col> - [col] [/col]
 
К этим же тегам можно отнести тег:
<img> - [ img] [/img]
Однако, технология использования несколько иная и это надо учитывать при конвертации:
[ img]имя графического объекта[/img]
Еще лучше заменить этот тег на тег DSLGD:
[ s]имя графического объекта[/s]
 
Для оригинальных HTML тегов закрывающий тег не обязателен:
<colgroup> - [colgroup] [/colgroup]
<tbody> - [tbody] [/tbody]
<tfoot> - [tfoot] [/tfoot]
<thead> - [thead] [/thead]
 
Конвертация этих тегов не намного сложнее и сводится к простой замене:
< - [
> - ]
" - '
Однако, в этом случае нам потребуется обязательно через пробел добавить закрывающий тег.  
Все бы ничего, но внутри этих тегов могут быть атрибуты и при конвертации они будут работать. Но замена требует большей внимательности, чем этого бы хотелось.
 
Хорошая новость в том, что эти теги не так часты, за исключением <br>, но его замена, как правило, проста. В перспективе возможно доработать этот момент.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 15:31 06-01-2013 | Исправлено: BKSRU, 08:05 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Для каждого тега из стандартного или расширенного набора (исключения [js], [ br] и [ hr] ) может быть указан стиль фонта:
 
[ТЕГ italic bold Размер шрифта/Межстрочное расстояние (интерлиньяж) Имя фонта]Контент[/ТЕГ]
 
В этой цепочке обязательный параметр - размер шрифта. Через слеш может быть указано межстрочное расстояние. Перед размером шрифта могут быть указаны: italic и bold в любом порядке или вместе. Если меняется фонт, то имя фонта или группа имен (перечисленные через запятую) ставится после размера шрифта. Если в имени шрифта имеются пробелы, то такое имя должно быть заключено в двойные кавычки. Шрифт должен быть выбран из перечисленных ниже. Шрифтовая цепочка должна заканчиваться любым типом из перечисленных ниже, либо заглушкой:
serif — шрифты с засечками (антиквенные), типа Times;
sans-serif — рубленные шрифты (шрифты без засечек или гротески), типичный представитель — Arial;
cursive — курсивные шрифты;
fantasy — декоративные шрифты;
monospace — моноширинные шрифты, ширина каждого символа в таком семействе одинакова (шрифт Courier);
font - заглушка.
 
На примере [fs]:
  • [fs]По умолчанию шрифт с засечками Georgia[/fs]
  • [fs 18px]Шрифт[/fs]
  • [fs 18px Georgia, font]Шрифт[/fs]
  • [fs italic 18px]Шрифт[/fs]
  • [fs bold 18px]Шрифт[/fs]
  • [fs italic bold 18px]Шрифт[/fs]
  • [fs italic bold 18px Georgia, font]Шрифт[/fs]

Пример с заменой межстрочного расстояния:
  • [fs italic 18px/24px Georgia]Шрифт[/fs]

Размер может быть указан и в процентах:
  • [fs 120%]Шрифт[/fs]

[fs] -  специализированный тег (font style),  для которого по умолчанию определен шрифт - 13px Georgia. Этот тег, при указании шрифта, не нуждается в заглушке. Можно указать любой шрифт или шрифтовую цепочку. Для этого тега будет справедлива и такая запись:
  • [fs italic bold 18px Georgia, "Times New Roman"]Шрифт[/fs]
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 17:40 06-01-2013 | Исправлено: BKSRU, 08:10 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Для стандартных и тегов расширенного набора, не входящих в группу быстрой конвертации, можно применить упрощенный способ записи стиля:
 
[ТЕГ 'Стиль по правилам CSS' Атрибуты HTML]Контент[/ТЕГ]
 
В этой цепочке стиль по правилам CSS должен начинаться первым. Если отсутствует, то необходимо поставить одинарные кавычки. CSS стиль может содержать одно или несколько свойств, перечисленных через точку с запятой. Каждое свойство может содержать одно или несколько значений, перечисленных через пробел.
 
Правила записи CSS свойств:
'Свойство1: значение1 значение2; Свойство2: значение1 значение2'
 
При записи CSS стиля рекомендуется использовать универсальные свойства. В этом случае код получится короче и аккуратнее.
 
Правила записи HTML атрибутов:
Атрибут1='значение' Атрибут2='значение'
 
Если перед атрибутами HTML нет записи стиля CSS, то необходимо поставить одинарные скобки перед атрибутами:
'' Атрибут1='значение' Атрибут2='значение'
Но допускается и подобная запись:
Атрибут1=значение Атрибут2=значение
Просто надо придерживаться правила - последний знак должен отличаться от знака скобки '
Однако, надо учесть, что если в значении атрибута есть пробелы, то такое значение должно заключаться в одинарные скобки.
 
Наиболее важные для нас атрибуты HTML:
align - Задает выравнивание содержимого тега в тегах блочного типа.  
title - Добавляет всплывающую подсказку к содержимому.  
hidden - Скрывает содержимое элемента от просмотра.
class - Определяет имя класса, которое позволяет связать тег со стилевым оформлением.
id - Указывает имя стилевого идентификатора.
 
На примере [m0]:
[m0 'background:#C0C0C0; border:#B3002D double' title='подсказка' align='center']Контент[/m0]
Этот пример даст нам Контент, обрамленный симпатичной двойной рамкой, с фоном и текстом, выровненным по центру. При наведении курсора появится всплывающая подсказка.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 18:12 07-01-2013 | Исправлено: BKSRU, 13:59 06-05-2013
BKSRU

Advanced Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Упрощенная запись фонового изображения.
Для стандартной группы тегов DSL:  
[ b], [ i], [ u], [t], [p], [ c], [mN], [ *], [ex], [ sup], [ sub]
Для расширенной группы тегов DSLGD:
[tbl], [cpn], [tr], [th], [td], [sn], [dv], [pre], [fs], [d], [o], [ac], [ar], [aj], [btn]
 
Справедлива следующая запись:
[ТЕГ Имя фонового изображения]Контент[/ТЕГ]
Фоновое изображение должно находиться в подкаталоге STYLE мультимедиа каталоге словаря.
 
Упрощенная запись фонового цвета.
Для стандартной группы тегов DSL:  
[ b], [ i], [ u], [t], [p], [ c], [mN], [ *], [ex], [ sup], [ sub]
Для расширенной группы тегов DSLGD:
[tbl], [cpn], [tr], [th], [td], [ol], [ul], [li], [sn], [dv], [pre], [fs], [d], [o], [ac], [ar], [aj], [btn]
 
Справедлива следующая запись:  
[ТЕГ :Имя фонового цвета]Контент[/ТЕГ]
 
Имя фонового цвета выбираем из безопасной палитры HTML:
:aqua - Голубой
:black - Черный
:blue - Синий
:fuchsia - Фуксия
:gray - Серый
:green - Зеленый
:lime - Светло-зеленый
:maroon - Темно-красный
:navy - Темно-синий
:olive- Оливковый
:purple - Фиолетовый
:red - Красный
:silver  Светло-серый
:teal - Сине-зеленый
:white - Белый
:yellow - Желтый
 
Подобные приемы означают, что очень легко можно оформить, например, таблицу, придав ей индивидуальность. Можно выделить всю таблицу, заголовок, строку или любую ячейку.
Всего записей: 1558 | Зарегистр. 29-01-2009 | Отправлено: 10:13 08-01-2013 | Исправлено: BKSRU, 16:39 09-05-2013
zhuman

Full Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
а как собрать экспериментальный GoldenDict под линукс?
Всего записей: 409 | Зарегистр. 18-06-2004 | Отправлено: 14:11 09-04-2013
Halifers



BANNED		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
использую GoldenDict, вepcия 1.0.1-447-gcb8724c PORTABLE  
- ищу инфу как прикрутить стили к учебному словарю по DSL. http://forum.ru-board.com/topic.cgi?forum=93&topic=3420&start=5200#21
Всего записей: 373 | Зарегистр. 04-12-2011 | Отправлено: 12:45 10-04-2013 | Исправлено: Halifers, 12:46 10-04-2013
chymax3m



Junior Member		Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
BKSRU какая разница между Zubrila и Zubrila_hidden?
Всего записей: 126 | Зарегистр. 28-02-2012 | Отправлено: 17:44 10-04-2013
Открыть новую тему     Написать ответ в эту тему

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13

Компьютерный форум Ru.Board » Компьютеры » Программы » GoldenDict | DSLGD | DSL extension format


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru