avatar

Проверка возможностей движка

Опубликовал в блог Программирование

Contents

Каждый раз когда я вижу новый проект на подобие #habr у меня возникает один вопрос — а хорошо ли тут будет выглядеть мой контент? Давайте посмотрим:

Возможности

  • Верстка кода инлайн: public static void main() fail (тэг code не является блочным)

  • Верстка кодовых блоков: fail — не вижу никакого намека на SyntaxHighlighter. Впрочем, попробуем вручную:

    <font size="2" face="Consolas, Andale Mono, Courier New, Courier" color="black"><font color="#0000FF">private</font> <font color="#0000FF">static</font> <font color="#0000FF">void</font> RtsVolGradCalc(<font color="#0000FF">double</font>[] _args, <font color="#0000FF">double</font>[] X, <font color="#0000FF">ref</font> <font color="#0000FF">double</font> func, <font color="#0000FF">double</font>[] grad, <font color="#0000FF">object</font> obj)<br/> {<br/>   <font color="#0000FF">double</font> s = _args[0];<br/>   <font color="#0000FF">double</font> a = _args[1];<br/>   <font color="#0000FF">double</font> b = _args[2];<br/>   <font color="#0000FF">double</font> c = _args[3];<br/>   <font color="#0000FF">double</font> d = _args[4];<br/>   <font color="#0000FF">double</font> e = _args[5];<br/>   <font color="#0000FF">double</font> y = X[0] - s;<br/>   func = Rts.ivEst(X[0], s, a, b, c, d, e);<br/>   grad[0] = Rts.ivGradEst(X[0], s, a, b, c, d, e);<br/>   grad[1] = 1;<br/>   grad[2] = 1 - Math.Exp(-c*y);<br/>   grad[3] = b*Math.Exp(-c*y)*y;<br/>   grad[4] = Math.Atan(1.0/e/y)/e;<br/>   grad[5] = -((d*y)/(e*(1.0 + e*e*y*y))) - ((d*Math.Atan(1.0/e/y))/(e*e));<br/> }<br/> </font>
    о, да это просто булшит какой-то

  • Возможность писать LaTeX… я ее в упор не вижу.

  • Правильное отображение ссылок и переходов1 — вроде работает.

  • Заголовки — не отображаются как заголовки, fail

Вообщем пока слабовато, а без поддержки LaTeX/Mathjax то что хочется запостить не запостить вообще никак (только как картинки).

References

  1. Вроде например этой
$i = 999;if ($i == 999) echo «ok»;
41 комментарий RSS
avatar
Давайте подойдем более конструктивно и на основе вашего поста составим список пожеланий? Желательно с примером как должно быть.
Комментарий отредактирован 2012-11-25 20:25:52 пользователем topor777
avatar
Без проблем:
  • Тэг CODE никогда блоком не был и быть не должен. CODE это инлайновый код без форматирования. Лучше его не трогать.
  • Тэг KBD это красивые кнопочки (см. например StackOverflow). Делаются через CSS.
  • Заголовки должны быть заголовками. Писателю должно быть четко ясно, какой уровень заголовка первый. Обычно это Н3.
  • Подсветка кода делается через SyntaxHighlighter. Тэг обычно
    [sourcecode lang="foo"]
    но есть вариации. Главное чтобы было понятно.
  • Поддержка формул делается через MathJax. Делается за 5 секунд, главное правильно выбрать символы — лучше всего $$.
Это из совсем очевидного.
avatar
KBD и sourcecode постараюсь сделать чуть позже, уже разрешил эти теги
avatar
если конечно не устраивает текущая реализация через code
avatar
code — это не блочный а инлайновый код, например тут я хочу слово `static` как код в параграфе — у вас это невозможно потому что тэг узурпирован. code должен быть вне стилей, а блочную верстку кода лучше всего делать через SyntaxHighlighter, ну или хотя бы правильно обрабатывать тэг PRE
avatar
можно пример кода и как он должен выглядеть?
avatar
желательно картинкой
avatar
Лучше SyntaxHighlighter использовать, тогда будет вот такая красота

1353871084-clip-11kb
avatar
теперь работает тег (не BBcode, а именно тег) source, обязательно заключение типа языка в кавычки.
$i = 999;
if ($i == 999) echo "ok";
avatar
на Хабре kbd не работает… по крайней мере в превью точно
avatar
На Хабре много косяков, там и код-то некрасиво подсвечивается. KBD для меня не приоритет, но иногда бывает нужен чтобы объяснить кому-то что нажать.
avatar
2.Заголовки вроде работают:

Заголовок h4

Заголовок h5
Заголовок h6
avatar
А вот это H3
avatar
h3 используется в нескольких местах в шаблоне, так что разработчики запретили его использование в содержании топиков. h4-6 вполне достаточно.
avatar
Хорошо, учту. Лучше где-нть это explicitly сделать. Да, и это вполне может ударить по SEO.
avatar
Хабр тоже рос постепенно.
2. У думаю надо добавить кнопку проверки орфографии, потому что есть некоторые особые люди для которых очень важно написание статей на правильном русском.

Ее -> Её.
avatar
Постепенно, да. Но там работал FONT а тут даже это не работает.
avatar
но отличие в том что здесь прислушиваются к пожеланиям. Недавно попросил Gravatar — уже работает))
avatar
Это кул. Но без LaTeX я не могу контрибьютить…
avatar
Дело в том, что этот сайт — не для физиков/математиков.
Есть 2 варианта:
livestreet.ru/tag/LaTex/ — поставить такой редактор, но тогда другой будет недоступен для остальных. Многие просто не поймут такой ахинеи.
— вставлять формулы как картинки — в этом нет ничего сложного.
Если у вас есть другие варианты — готов выслушать.
avatar
3 вариант — www.codecogs.com/latex/eqneditor.php — здесь можно быстро создать формулу на латексе и превратить ее в картинку. Я могу добавить кнопку в редакторе для вызова этого редактора.
avatar
Вариант простой: подключаем MathJax, все работает, все довольны, ничего не поломалось. Другие варианты не нужны. Редактор формул не нужен, для этого свои программы есть, да и те кому надо синтаксис LaTeX наизусть знают.
avatar
на странице написано, что установка простая — docs.mathjax.org/en/latest/platforms/index.html — готово, можно проверять.
вопрос в том, что именно вставляется в редактор и какие еще теги и их атрибуты нужно разрешить — прошу сообщить.
avatar
Пробую инлайновый LaTeX: $\frac{\text{Nd}\left[d_1[k,s,t,r,\sigma ]\right]}{\sigma s\sqrt{t}}$
avatar
А вот дисплейный:

\[
\frac{e^{-\frac{\left(T \left(R+\frac{\Sigma ^2}{2}\right)+\text{Log}\left[\frac{S}{C}\right]\right)^2}{2 T \Sigma ^2}} S \left(-\frac{\sqrt{T}}{\sqrt{2}}+\frac{T \left(R+\frac{\Sigma ^2}{2}\right)+\text{Log}\left[\frac{S}{C}\right]}{\sqrt{2} \sqrt{T} \Sigma ^2}\right)}{\sqrt{\pi }}
\]
avatar
дисплейный заработал.
avatar
Да, но что-то тут не так… не должен он так плохо рендериться… да и превью не работает, наверное надо как-то так:
avatar

<html>
<script type="text/x-mathjax-config">
  MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
</script>
<script type="text/javascript"
  src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
<script type="text/javascript">
function updateMath()
{
  MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
}
</script><body></body></html>
avatar
готово — всё работает
avatar
Супер! С этим уже можно работать. Превью правда все равно не работает, но это не критично (хотя бывают моменты когда оно нужно).

\[
f(x)=\int_{-\infty}^{\infty}\frac{1}{\sqrt{2\pi}\sigma_{\theta}}\exp\left(\frac{
\theta \underline{x}^{T}\underline{y}-\frac{\theta^2\|{y}\|^2}{2}}{\sigma^2}\right)\exp\left(\frac{-\theta^2}{2\sigma_{\theta}^2}\right)d\theta.
\]
avatar
font color=red size=6 style=«font-weight:bold»
avatar
Ок, но в PRE/CODE не сработало. Это была лишь попытка сверстать код в стиле, который прекрасно ест Хабр.
avatar
пока что не понимаю. Сравнил вставку font в pre и code на Хабре и здесь — различий не заметил. Можно пример кода?
avatar

<blockquote><code><font size="2" face="Consolas, Andale Mono, Courier New, Courier" color="black"><font color="#00008B">public</font> <font color="#00008B">static</font> <font color="#00008B">void</font> Main(<font color="#00008B">string</font> [] args)
{
  System.<font color="#00008B">out</font>.println(<font color="#A52A2A">"Java sucks."</font>);
}
</font>

avatar
В список «Доступны html-теги» при создании топика под текстовым полем — добавил информацию о тегах KBD и SOURCE, а также использовании LaTeX.
avatar
Несмотря на крайнюю ненависть к html/css/js, рискну предположить, что понадобятся поддержка кастомных стилей для постов на тему вёрстки.
Лично я же прошу поддержки SVG (через image) да JPEG XR.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.