next »

[Metaller]

Иногда возникает надобность получить надпись особенным шрифтом, просто для красоты, или как в моем случае, строгие требования с использованием корпоративного шрифта.

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

Установка
Создать новый сниппет WriteWord и вставить в него весь код из файла snippet.writeword.php в архиве.

Подробная документация внутри архива.

Текущая версия 0.24

Ссылка на репозиторий http://modxcms.com/WriteWord-1647.html

[[e]Bu$ter]

Забавная штуковина, судя по всему.
Спасибо! Может действительно пригодится. Капчи красивые генерить, например

[umanuma]

А sIFR вам не нравится? Там ведь и текст остается текстом, поисковики радуются. http://www.mikeindustries.com/sifr/

[Metaller]

Оставить текст текстом для поисковиков никогда не было проблемой. Простейший пример
HTML:

Code:

<h1 id="istext"><span>Это Текст</span></h1>

CSS:

Code:

#istext{
background: url(image.gif) no-repeat;
width: 100px;
height: 25px;
}
#istext SPAN{
display: none;
}

Где image.gif - это картинка с текстом "Это текст". В результате видим картинку, которая в коде дублируется текстом.

По поводу ссылки - там используется флеш (многие пользователи лиса используют флешблок), да и подзабыл я про эту ссылку, видел когда-то давно. С адблоком в лисе тоже, кстати, не работает.

[Metaller]

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

Пример вызова

Code:

[[WriteWord?&file=`SkodaSansRg.ttf` &text=`[*longtitle*]` &text_size=`12` &text_color=`#FFFFFF` &bg_color=`#CCCCCC` &quality=`100` &tpl=`writeword`]]

Чанк writeword

Code:

<h1 class="pagetitle" style="background-image: url([+ww.fileurl+]); width: [+ww.width+]px; height: [+ww.height+]px;"><span>[+ww.text+]</span></h1>

Сопутсвующий CSS-код

Code:

h1.pagetitle span{
display: none;
}

В результате на выходе получаем примерно следующий код

Code:

<h1 class="pagetitle" style="background-image: url(/assets/cache/499063c8c7a81af2e7691193c07f690d.pageCache.jpg); width: 167px; height: 15px;"><span>Экспресс- кредитование</span></h1>

Картинка с надписью дублируются текстом, понятным роботам, как описано в предыдущем посте.

[Fuzzy]

Хорошая вещь! 
Вполне может пригодиться в разработке.
Думаю, стоит перевести на английский и предложить в репозиторий.

[Metaller]

Думаю, стоит перевести на английский и предложить в репозиторий.

Э...их бин нихт спик инглиш. Слишком много букв переводить, я такое не осилю, если кто-то поможет, то я только за.

ЗЫ В описании параметров закралась небольшая ошибка - параметры высоты и ширины картинки im_height и im_width (а не img_).

[homutke]

при вызове снипета вместо картинки идет  строчка
assets/snippets/writeword/writeword.php?2b69f3a93ed69b4c4ed1d63aebcea5f7
Что не так?

[Metaller]

Это у вас старая версия сниппета, скачайте новую, там файла weriword.php вообще нет.

ЗЫ Версия обновлена, найден небольшой косяк с путями к папке шрифтов.

[homutke]

Это у вас старая версия сниппета, скачайте новую, там файла weriword.php вообще нет.

ЗЫ Версия обновлена, найден небольшой косяк с путями к папке шрифтов.

А где должен лежать шрифт?

[Metaller]

Да, кажется я тоже это упустил, думал по архиву будет понятно. В папке сниппетов нужно создать папку writeword (она есть в архиве). Туда и класть файлы шрифтов.

[Aleksey Stepanov]

не лучше ли использовать папку /manager/includes/ttf ?

специальная папка для шрифтов

[Metaller]

не лучше ли использовать папку /manager/includes/ttf ?

специальная папка для шрифтов

Ну можно и ее, не знаю как специально для шрифтов, кажется только veriword.php ее использует. Но раз уж она есть - и правда не будем плодить лишние папки.

Версия 0.22 (ссылка в первом посте):

+ Более подробное ридми в архиве
* Шрифт по-умолчанию изменен на системный (уже лежит в папке движка) ftb_____.ttf
* Шрифты перенесены в папку \manager\includes\ttf
- Из архива удален шрифт по-умолчанию arial.ttf
- Удалена за ненадобностью папка сниппета writeword

[homutke]

Спасибо заработало.
Из пожеланий , хотелось добавить возможность наложения текста на картинку передаваемую в качестве параметра.

[Metaller]

Спасибо заработало.
Из пожеланий , хотелось добавить возможность наложения текста на картинку передаваемую в качестве параметра.

Это планируется в будущих версиях

[Metaller]

Благодаря помощи Игоря (Igor) в переводе документации на английский язык, сниппет вышел в свет и был зарелизен в репозитории сообщества http://modxcms.com/WriteWord-0.23-1649.html.

Версия 0.23, отличие от 0.22 - шрифты опять перенесены, потому когда они помещены в папку \manager\includes\ttf они используются для генерации капчи, что не всегда нужно. Теперь шрифт можно положить в любое место папки assets. Еще параметр type переименован в более подходящий - format.

[Metaller]

В сниппете обнаружилась ошибка, которая вела к неправильной работе сниппета если он вызывался более одного раза на странице (так получилось что в этом направлении я его почему-то не тестировал, мне было достаточно одного вызова). Это связано с тем что я неверно понимал работу функции setPlaceholder.

Пока что выпустил небольшой фикс по ссылке http://modxcms.com/forums/index.php/topic,17976.msg117981.html#msg117981 в дальнейшем планируется полностью переписать код сниппета.

UPD: Еще одна ошибка с PNG-изображениями, фикс по той же ссылке.

[suvit]

Metaller, а может этот сниппет генерировать текст написанный снизу-вверх?

[Metaller]

Нет. Только слева направо. Работа над сниппетом остановлена, идей было множество, но необходимости особой в них не было.

[suvit]

На самом сниппет такое может, надо просто регилировать угол наклона. Только одна загвоздка, текст вставляется как я понял в верхний левый угол, и например когда он идет сверху-вниз то все ок, а когда снизу-вверх похоже он у ходит за границы картинки, т.е. за top-границу. Решение, похоже, следуюещее, надо блок с текстом и блок с картинкой совмещать по левому нижнему углу, а не верхнему.