четверг, 15 апреля 2010 г.

TeX и этих. TeX в блоге

Раз уж у меня возникло желание проводить мастер классы по ТеХу, то я решил создать себе комфортные условия для этого. Вопрос подсветки синтаксиса уже решён, осталось самое интересное: выяснить как показывать прямо в блоге результат вывода системы TeX.

После непродолжительного гугления был найден замечательный пост, в котором описано несколько способов реализации показа формул в блоге. Коротко говоря есть два различных направления в решении этой задачи: оформлять рисунки, где в URL вписывать код формулы, это будет выглядеть примерно так:
или подключать java-скрипт и дальше оформлять текст формул в специальных окружениях.
Мне первый способ не понравился потому что редактировать потом эти рисунки не так-то просто, и в способе от google.api нельзя, например, использовать знак "-" - его надо заменять URL-кодом %2B. Способы со скриптами показались более удобными, но подключить скрипты описанные здесь  не получилось. 

Решение проблемы было найдено вот в этом блоге: необходимо в настройках блога нажать "Дизайн-> Элементы страницы-> Добавить гаджет", выбрать тип гаджета - HTML/Javascript и ввести следующий код:

<script src="http://www.watchmath.com/cgi-bin/mathtex3.js" type="text/javascript"></script>
<script type="text/javascript">
replaceMath( document.body );</script>
<a href="http://www.watchmath.com">
<img src="http://www.watchmath.com/images/formula.png" alt="" width="100" /></a>

<a href="http://watchmath.com/vlog/?p=438">
Math Formula?</a>

После того, как такой гаджет будет добавлен, в тексте постов блога можно использовать стандартные окружения для формул: "$  $" и "$ \backslash[ ... \backslash] $"!

Вот пример: \[ x = \frac{-b\pm \sqrt{b^2-4ac}}{2a} \]
Этот способ значительно удобней: формулы легко редактировать, копировать в текст сообщений, выглядят они замечательно! Пользуемся на здоровье!

П.С. и да, в новом гаджете будет отображена картинка и ссылка на сайт http://www.watchmath.com. Это делается не из корысти ради, а токмо волею того, чтобы каждый заинтересовавшийся мог настроить это и у себя! Убрать картинку можно, удалив из нашего скрипта вот эту часть:

<a href="http://www.watchmath.com">
<img src="http://www.watchmath.com/images/formula.png" alt="" width="100" /></a>
<a href="http://watchmath.com/vlog/?p=438">
Math Formula?</a>

Дополнено:


Как записать "$" знак?
- используем $!$!$!$ чтобы написать один знак $!$

Используем $!${\latexcode}$!$ для отображения "исходного кода latex"

4 комментария:

Сергей комментирует...

Похоже, watchmath.com просто обращается к mathcache.appspot.com, а на mathcache используется mathTeX (ну и удобный скрипт, делающий подстановку $$ и \[\]). Хорошо, что mathTeX теперь можно использовать без установки его себе. Сейчас добавлю сервис в свой список. Спасибо.

Сергей комментирует...

А вот и особенность, при использовании этого скрипта все знаки доллара надо оборачивать тегом code.

Антон комментирует...

я долго промучился, пока выставил скобки...

virens комментирует...

Антон, спасибо за комментарий в блоге - прикрутил это к своему блогу и теперь формулы работают замечательно. И мне теперь не надо вставлять их как картинки (что выглядит страшно и делать муторно).

Ждём новых постов! :-)
Трули ёрз,
Виренс