Создать тему  Создать ответ 
Прикрутить Mathjax?
26-10-2012, 20:39    
Сообщение: #1
Agrest

井蛙 / жабенєтко в керниці
Сообщений: 1556
Зарегистрирован: 08.08.12

Прикрутить Mathjax?
Арсений нашёл вот такое чудо: http://www.mathjax.org/

Есть предложение прикрутит вот это для поддержки формул. Вводить надо будет тех как и сами-знаете-где, но будет выводится не картинка, а жабоскрип.

Кто как?

«билингв мусорит в обоих языках — и первом, и втором» © Python
Вебсайт Найти все сообщения
Цитировать это сообщение
26-10-2012, 21:01    
Сообщение: #2
I. G.

Розовый кардинал
Сообщений: 1713
Зарегистрирован: 17.06.12

RE: Прикрутить Mathjax?
Я не очень понимаю, что это такое и зачем оно нужно, но не против.


狐狸
Найти все сообщения
Цитировать это сообщение
26-10-2012, 23:38    
Сообщение: #3
Agrest

井蛙 / жабенєтко в керниці
Сообщений: 1556
Зарегистрирован: 08.08.12

RE: Прикрутить Mathjax?
Это чтобы писать в формулы. На лифчике есть тег [tex], но у них картинками. С помощью этого скрипта можно было бы выводить более красивым образом.

Те, кто не пишет формул, не должны заметить разницы.

«билингв мусорит в обоих языках — и первом, и втором» © Python
Вебсайт Найти все сообщения
Цитировать это сообщение
27-10-2012, 08:09    
Сообщение: #4
Bʰudʰ

Member
Сообщений: 188
Зарегистрирован: 23.10.12

RE: Прикрутить Mathjax?
Цитата:The Cauchy-Schwarz Inequality

Код:
<div class="MathJax_Display" role="textbox" aria-readonly="true" style="text-align: center">
  <span class="MathJax" id="MathJax-Element-2-Frame" style="">
    <nobr>
      <span class="math" id="MathJax-Span-53">
        <span style="display: inline-block; position: relative; height: 0px; font-size: 116%; width: 281px">
          <span style="position: absolute; clip: rect(2.09em, 1000em, 5.61em, -0.25em); top: -4.2em; left: 0em">
            <span class="mrow" id="MathJax-Span-54" style="">
              <span class="msubsup" id="MathJax-Span-55">
                <span style="display: inline-block; position: relative; height: 0px; width: 5.52em">
                  <span style="position: absolute; clip: rect(2.08em, 1000em, 5.4em, -0.25em); top: -3.99em; left: 0em">
                    <span class="mfenced" id="MathJax-Span-56" style="">
                      <span class="mo" id="MathJax-Span-75" style="vertical-align: 0em">
                        <span style="font-family: &quot;MathJax_Size4&quot;">(</span>
                      </span>
                      <span class="mrow" id="MathJax-Span-58">
                        <span class="munderover" id="MathJax-Span-59">
                          <span style="display: inline-block; position: relative; height: 0px; width: 1.46em">
                            <span style="position: absolute; clip: rect(2.88em, 1000em, 4.6em, -0.43em); top: -3.99em; left: 0em">
                              <span class="mo" id="MathJax-Span-60" style="font-family: &quot;MathJax_Size2&quot;; vertical-align: 0em">∑</span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                            <span style="position: absolute; clip: rect(3.34em, 1000em, 4.26em, -0.45em); top: -2.88em; left: 0.08em">
                              <span class="texatom" id="MathJax-Span-62" style="">
                                <span class="mrow" id="MathJax-Span-63">
                                  <span class="mi" id="MathJax-Span-64" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                                  <span class="mo" id="MathJax-Span-65" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">=</span>
                                  <span class="mn" id="MathJax-Span-66" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">1</span>
                                </span>
                              </span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                            <span style="position: absolute; clip: rect(3.41em, 1000em, 4.16em, -0.47em); top: -5.14em; left: 0.51em">
                              <span class="mi" id="MathJax-Span-67" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">n</span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                          </span>
                        </span>
                        <span class="msubsup" id="MathJax-Span-68" style="padding-left: 0.17em">
                          <span style="display: inline-block; position: relative; height: 0px; width: 0.99em">
                            <span style="position: absolute; clip: rect(3.38em, 1000em, 4.16em, -0.45em); top: -3.99em; left: 0em">
                              <span class="mi" id="MathJax-Span-69" style="font-family: &quot;MathJax_Math-italic&quot;">a</span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                            <span style="position: absolute; top: -3.84em; left: 0.54em">
                              <span class="mi" id="MathJax-Span-70" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                          </span>
                        </span>
                        <span class="msubsup" id="MathJax-Span-71">
                          <span style="display: inline-block; position: relative; height: 0px; width: 0.88em">
                            <span style="position: absolute; clip: rect(3.13em, 1000em, 4.16em, -0.44em); top: -3.99em; left: 0em">
                              <span class="mi" id="MathJax-Span-72" style="font-family: &quot;MathJax_Math-italic&quot;">b</span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                            <span style="position: absolute; top: -3.84em; left: 0.43em">
                              <span class="mi" id="MathJax-Span-73" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                              <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                            </span>
                          </span>
                        </span>
                      </span>
                      <span class="mo" id="MathJax-Span-76" style="vertical-align: 0em">
                        <span style="font-family: &quot;MathJax_Size4&quot;">)</span>
                      </span>
                    </span>
                    <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                  </span>
                  <span style="position: absolute; top: -5.46em; left: 5.07em">
                    <span class="mn" id="MathJax-Span-77" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">2</span>
                    <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                  </span>
                </span>
              </span>
              <span class="mo" id="MathJax-Span-78" style="font-family: &quot;MathJax_Main&quot;; padding-left: 0.28em">≤</span>
              <span class="mfenced" id="MathJax-Span-79" style="padding-left: 0.28em">
                <span class="mo" id="MathJax-Span-80" style="vertical-align: 0em">
                  <span style="font-family: &quot;MathJax_Size4&quot;">(</span>
                </span>
                <span class="mrow" id="MathJax-Span-81">
                  <span class="munderover" id="MathJax-Span-82">
                    <span style="display: inline-block; position: relative; height: 0px; width: 1.46em">
                      <span style="position: absolute; clip: rect(2.88em, 1000em, 4.6em, -0.43em); top: -3.99em; left: 0em">
                        <span class="mo" id="MathJax-Span-83" style="font-family: &quot;MathJax_Size2&quot;; vertical-align: 0em">∑</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.34em, 1000em, 4.26em, -0.45em); top: -2.88em; left: 0.08em">
                        <span class="texatom" id="MathJax-Span-84" style="">
                          <span class="mrow" id="MathJax-Span-85">
                            <span class="mi" id="MathJax-Span-86" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                            <span class="mo" id="MathJax-Span-87" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">=</span>
                            <span class="mn" id="MathJax-Span-88" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">1</span>
                          </span>
                        </span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.41em, 1000em, 4.16em, -0.47em); top: -5.14em; left: 0.51em">
                        <span class="mi" id="MathJax-Span-89" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">n</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                    </span>
                  </span>
                  <span class="msubsup" id="MathJax-Span-90" style="padding-left: 0.17em">
                    <span style="display: inline-block; position: relative; height: 0px; width: 0.99em">
                      <span style="position: absolute; clip: rect(3.38em, 1000em, 4.16em, -0.45em); top: -3.99em; left: 0em">
                        <span class="mi" id="MathJax-Span-91" style="font-family: &quot;MathJax_Math-italic&quot;">a</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.35em, 1000em, 4.15em, -0.45em); top: -4.33em; left: 0.54em">
                        <span class="mn" id="MathJax-Span-92" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">2</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.34em, 1000em, 4.16em, -0.45em); top: -3.66em; left: 0.54em">
                        <span class="mi" id="MathJax-Span-93" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                    </span>
                  </span>
                </span>
                <span class="mo" id="MathJax-Span-94" style="vertical-align: 0em">
                  <span style="font-family: &quot;MathJax_Size4&quot;">)</span>
                </span>
              </span>
              <span class="mfenced" id="MathJax-Span-95">
                <span class="mo" id="MathJax-Span-96" style="vertical-align: 0em">
                  <span style="font-family: &quot;MathJax_Size4&quot;">(</span>
                </span>
                <span class="mrow" id="MathJax-Span-97">
                  <span class="munderover" id="MathJax-Span-98">
                    <span style="display: inline-block; position: relative; height: 0px; width: 1.46em">
                      <span style="position: absolute; clip: rect(2.88em, 1000em, 4.6em, -0.43em); top: -3.99em; left: 0em">
                        <span class="mo" id="MathJax-Span-99" style="font-family: &quot;MathJax_Size2&quot;; vertical-align: 0em">∑</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.34em, 1000em, 4.26em, -0.45em); top: -2.88em; left: 0.08em">
                        <span class="texatom" id="MathJax-Span-100" style="">
                          <span class="mrow" id="MathJax-Span-101">
                            <span class="mi" id="MathJax-Span-102" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                            <span class="mo" id="MathJax-Span-103" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">=</span>
                            <span class="mn" id="MathJax-Span-104" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">1</span>
                          </span>
                        </span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.41em, 1000em, 4.16em, -0.47em); top: -5.14em; left: 0.51em">
                        <span class="mi" id="MathJax-Span-105" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">n</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                    </span>
                  </span>
                  <span class="msubsup" id="MathJax-Span-106" style="padding-left: 0.17em">
                    <span style="display: inline-block; position: relative; height: 0px; width: 0.88em">
                      <span style="position: absolute; clip: rect(3.13em, 1000em, 4.16em, -0.44em); top: -3.99em; left: 0em">
                        <span class="mi" id="MathJax-Span-107" style="font-family: &quot;MathJax_Math-italic&quot;">b</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.35em, 1000em, 4.15em, -0.45em); top: -4.41em; left: 0.43em">
                        <span class="mn" id="MathJax-Span-108" style="font-size: 70.7%; font-family: &quot;MathJax_Main&quot;">2</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                      <span style="position: absolute; clip: rect(3.34em, 1000em, 4.16em, -0.45em); top: -3.74em; left: 0.43em">
                        <span class="mi" id="MathJax-Span-109" style="font-size: 70.7%; font-family: &quot;MathJax_Math-italic&quot;">k</span>
                        <span style="display: inline-block; width: 0px; height: 3.99em"></span>
                      </span>
                    </span>
                  </span>
                </span>
                <span class="mo" id="MathJax-Span-110" style="vertical-align: 0em">
                  <span style="font-family: &quot;MathJax_Size4&quot;">)</span>
                </span>
              </span>
            </span>
            <span style="display: inline-block; width: 0px; height: 4.2em"></span>
          </span>
        </span>
        <span style="border-left-color: currentColor; border-left-width: 0em; border-left-style: solid; display: inline-block; overflow-x: hidden; overflow-y: hidden; width: 0px; height: 3.83em; vertical-align: -1.51em"></span>
      </span>
    </nobr>
  </span>
</div>

Чё-то я немножко фигею с такого кода…
База постов не грохнется? Или в базе будет сохраняться онли TEΧ/MathML/e&.?

Исполнитель роли Терминатора по решению суда сменил фамилию на Афроамериканоафроамериканец.
В противном случае артисту грозил штраф в $1.723 млрд.
Найти все сообщения
Цитировать это сообщение
27-10-2012, 11:58    
Сообщение: #5
Agrest

井蛙 / жабенєтко в керниці
Сообщений: 1556
Зарегистрирован: 08.08.12

RE: Прикрутить Mathjax?
(27-10-2012 08:09)Bʰudʰ писал(а):  Чё-то я немножко фигею с такого кода…
Не нравится — переключи Renderer правой кнопкой мыши.

И вообще, мог бы почитать что-то на том сайте, или хотя бы исходный код посмотреть (as opposed to viewing the DOM tree in Firebug).

(27-10-2012 08:09)Bʰudʰ писал(а):  База постов не грохнется?
Даже если бы я решил хранить с базе именно такой код, с чего бы ей грохаться?

(27-10-2012 08:09)Bʰudʰ писал(а):  Или в базе будет сохраняться онли TEΧ/MathML/e&.?
Только TeX. MathML не нужно.

«билингв мусорит в обоих языках — и первом, и втором» © Python
Вебсайт Найти все сообщения
Цитировать это сообщение
27-10-2012, 15:39    
Сообщение: #6
Bʰudʰ

Member
Сообщений: 188
Зарегистрирован: 23.10.12

RE: Прикрутить Mathjax?
(27-10-2012 11:58)Agrest писал(а):  (as opposed to viewing the DOM tree in Firebug)
/*  Интересно, чем отличается результат работы Огнежука от результата работы Дракомухи?‥ */


(27-10-2012 11:58)Agrest писал(а):  Даже если бы я решил хранить с базе именно такой код, с чего бы ей грохаться?
С веса…
Хотя у меня из-за распухшей базы на локалхосте грохается Опера, запущенная вместе с ней…

Исполнитель роли Терминатора по решению суда сменил фамилию на Афроамериканоафроамериканец.
В противном случае артисту грозил штраф в $1.723 млрд.
Найти все сообщения
Цитировать это сообщение
27-10-2012, 16:00    
Сообщение: #7
Python

Senior Member
Сообщений: 462
Зарегистрирован: 11.07.12

RE: Прикрутить Mathjax?
Тяжеловато, браузерзависимо. На ЛФ те же формулы как-то попроще для пользователей были реализованы (впрочем, с использованием постороннего сервера).

LF agent
Вебсайт Найти все сообщения
Цитировать это сообщение
27-10-2012, 16:07    
Сообщение: #8
Python

Senior Member
Сообщений: 462
Зарегистрирован: 11.07.12

RE: Прикрутить Mathjax?
Я бы предпочел такую реализацию, в которой
1) Формула отображается в виде картинки
2) Исходники (ТеХ) формул доступны для просмотра и копирования
3) Работоспособность сохраняется при отключенном JS.

LF agent
Вебсайт Найти все сообщения
Цитировать это сообщение
27-10-2012, 16:30    
Сообщение: #9
arseniiv

± ∓
Сообщений: 227
Зарегистрирован: 05.07.12

RE: Прикрутить Mathjax?
Получаемый код вряд ли будет сохраняться по двум причинам: скрипт обрабатывает страницу после загрузки в браузер, т. е. он не успеет изменить текст, отправленный в базу, и т. к. есть аж три варианта отображения, ясно, что ни один из них не может использоваться как окончательный вариант хранения информации.

Python, (1) в виде SVG и (2) здесь есть, только (3) не соответствует.

Honor thy error as a hidden intention
Вебсайт Найти все сообщения
Цитировать это сообщение
27-10-2012, 22:42    
Сообщение: #10
Agrest

井蛙 / жабенєтко в керниці
Сообщений: 1556
Зарегистрирован: 08.08.12

RE: Прикрутить Mathjax?
(27-10-2012 16:00)Python писал(а):  Тяжеловато, браузерзависимо.
Независимо. Любой браузер с поддержкой JavaScript’а и подгрузки шрифтов подойдёт.

(27-10-2012 16:07)Python писал(а):  Я бы предпочел такую реализацию, в которой
1) Формула отображается в виде картинки
...
3) Работоспособность сохраняется при отключенном JS.
Я против.

Вы предлагаете ухудшить user experience (формулы не масштабируются и больше весят) за счёт поддержки малораспространённых браузеров.

Но в таком случае почему ориентироваться именно на браузеры с картинками, но без JavaScript’а? Почему не на браузеры с JavaScript’ом, но без картинок (читалки для слепых)? Почему не на браузеры без JavaScript’ов и без картинок? (Lynx)

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

(27-10-2012 16:07)Python писал(а):  2) Исходники (ТеХ) формул доступны для просмотра и копирования
Так в MathJax’е доступны же (в отличие от ЛФа). Если у пользователя отключён JavaScript, он увидит как раз эти исходники. Если не отключён — он может щёлкнуть правой кнопкой мыши и посмотреть эти исходники.

«билингв мусорит в обоих языках — и первом, и втором» © Python
Вебсайт Найти все сообщения
Цитировать это сообщение
Создать ответ 


Переход:


Пользователи просматривают эту тему: 1 Гость(ей)