Так как почти каждый член сообщества Codeforces умеет программировать, мы решили отказаться от wysiwyg редактора HTML и внедрить более программистский способ разметки текста. Конечно, технические тексты станет набирать значительно удобнее, а тексты будут выглядеть единообразнее.
Теперь мы используем вариант Markdown в качестве языка разметки для публикации постов в блог и комментариев (позже будет в личных сообщениях и, вообще, всюду). Так как мы используем дополнительные расширения, то разметку мы называем просто Codeforces Markup. Расширения Codeforces можно подглядеть в редакторе, описание остальных я опубликую здесь чуть позже. В Codeforces Markup менее навороченный синтаксис спец. тегов — двойные квадратные скобки заменены на одинарные (например, [problem:11A], [user:Petr], а можно так ~Petr).
Кроме того, улучшена типографика постов и комментариев.
Посмотреть описание Markdown можно по ссылкам:
- http://ru.wikipedia.org/wiki/Markdown (по-русски)
- http://rukeba.com/blog/2009/02/28/markdown-sintaksis-po-russki/ (по-русски)
- http://en.wikipedia.org/wiki/Markdown (по-английски)
- http://daringfireball.net/projects/markdown/syntax (по-английски)
Вот короткий список возможностей:
- вставка хэндла пользователя (по короткому тегу вида
~tourist); - курсив и жирный текст (
*курсив* и **жирный текст**); - код внутри строки —
return a == 0 ? b : gcd(b % a, a);(поместите код между символами `); - ненумерованные, нумерованные и вложенные списки;
- заголовки;
- автозамена дефисов на тире (эвристика);
- автовставка ссылки по адресу, пример: http://codeforces.me/;
- таблицы и изображения;
- подсветка кода;
- "умная" расстановка кавычек;
- абзацы разделяются пустой строкой, переводы строк игнорируются;
- спец. теги Codeforces;
- значительно улучшено распознавание формул, можно писать "с вас $2";
- и многое другое!
Несколько примеров использования тегов Codeforces:
| исходный код | результат |
|---|---|
~Ripatti - Лучший автор задач 2011 - | Ripatti — Лучший автор задач 2011 |
[user:tourist] - лидер рейтинга | tourist — лидер рейтинга |
[problem:125E] - задача на графы, решите [problem:125E,ее] | 125E - Компания MST — задача на графы, решите ее |
результаты [contest:125] доступны по [standings:125,ссылке] | результаты Codeforces Testing Round 2 доступны по ссылке |
решение [problem:125E] - [submission:912139] | решение 125E - Компания MST — 912139 |
[photoalbum:PicasaPublicAlbumURL] | симпатично вставляет фотографии из альбома |
Напоминаю, что на Codeforces реализован предпросмотр, так что не надо сумасшедших экспериментов по изучению Markdown в комментариях :)
Примеры использования тегов Codeforces:
как? у меня получилось только так
#include <stdio.h> int main() { printf("Hello wolrd!\n"); return 0; }Мда, очень не хватает предпросмотра при редактировании ;)
Во, окружение пятью тильдами работает:
кстати, смотрю на свой пост и переключаю правки — после переключения код в одно строчку влепился вот так: "как? у меня получилось только так #include int main() { printf("Hello wolrd!\n"); return 0; } "
upd. а за что минусовать? багрепорт не достоен минуса. он должен быть рассмотрен! не верите — могу скрин прикрепить
#include <cstdio>~~~~~#include ~~~~~
странно, но не получилось окружение 5ю тильдами
Надо на отдельной строчке тильды размещать
спс, понял
Вот и первый баг обнаружился. Сделал списочек правкой ниже, и при нажатии “предпросмотр”, комментарий с код превращается вот в такое: 
Причем кол-во букв a. зависит от кол-ва нажатий кнопки :) Но при финальном просмотре все нормально.
I think it's more convinient if the links in post and comment will be opened in "new tab" — for most popular browser (IE, Firefox, Opera) supported tab-browser now.
Just right click -> open in new tab
or middle button ;)
I disagree.
When I need open it in new tab I just click mousewheel, but if I don't want this behaviour(openning in new tab) I can't do it.
IE most popular browser?! :&
О, наконец поймал скриншот бага, который регулярно возникал после последнего обновления. Русский интерфейс:
Обратите внимание, что показывается 3 комментария, а счётчик говорит о четырёх. Плюс, по новомодному редактору, только обнаружил. При вставке картинки предлагается ввести Alt, Href и некий Title. Причём Alt прописывается в теге, а вот Title куда-то исчезает — в html-коде от него нет и следа.
UPD: В частности сейчас счётчик тоже врёт на один.
Был удален неинформативный матный комментарий. Для вставки картинок сейчас упрощу настройки.
Простите конечно, но я не понимаю как писать код с переводами строк и табуляцией, у меня это не выходит. Также я не могу переключиться к HTML (opera 11.61). Так задумано, что теперь мои комментарии будут полным гавном без переводов строк, и с кривым кодом в одну строчку, или это еще баги бегают?
Перевод строки —
<br />Табуляцию — ручками с помощью
один символ — один неразрывный пробел.То ли я дурак, то ли лыжы не едут. Михаил, если вы можете посмотреть историю правок, очень рекомендую сделать это, ибо чушь какая-то у меня получается. При нажатии “редактироватать” вообще невесть что вылезло.
Да, были проблемы с редактированием комментариев. Вроде сейчас все исправлено.
Используйте выделение кодом, например
<br/>или . Хотя вроде в традициях markup форсировать перевод строки двумя висячими пробелами:В этом коменте(вашем) как и других принципе если переходить вперёд по правкам то рамка пропадает. И приходиться обновлять страницу чтобы вернуть начальный вид.
При наборе текстов пользоваться переводами строк дурной тон. Текст должен состоять из абзацев. Прочтите документацию, абзацы разделяются очень удобно — одной или более пустой строкой. Перевод можно вставить насильственно (см. документацию по markdown), но обычно это не нужно. Табуляции в тексте это вообще что-то странное, зачем они нужны?
Конечно, в режиме вставки кода переводы строк будут сохранены.
Об этом уже много раз говорили, я скажу еще раз: уберите, пожалуйста бесконечную переадресацию при log out'е с некоторых страниц сайта.
Все будет. Какое отношение этот баг имеет к Codeforces Markup?
А так и задумано, чтобы входные и выходные данные были коричневого цвета?
Например: 145E - Счастливые запросы
Не знаю, связано ли это с нововведениями, но при большом количестве ветвлений счетчик плюсов залезает на надпись Ответить. Вот скрин:
Может быть картинка слишком маленькая, вот ссылка на большее изображение
Это у вас монитор маленький сильно.
А вообще так и раньше было, по-моему.
Раньше кнопка "ответить" была внизу поста, если мне не изменяет память.
А, точно.
В общем, я имел в виду то, что голосовалка и раньше наезжала на левую верхнюю часть комментария.
Исправили, теперь голосовалка не заезжает на "Ответить". Теперь "Ответить" заезжает на Правку, если она есть.
мне кажется, что цвет фона ссылки, на которую наведён курсор, стоит сменить на менее вырвиглазный. более мягких тонов, что ли.
...или просто убрать и сделать традиционное подчеркивание при наведении.
Вопрос вкуса. Лично мне нравится и так.
Даешь замену ссылок на CF на внутренние (без домена), бесит слет авотризации/переход на другой язык
Не знаю баг ли, но если походить по правкам сначала в 3 а потом обратно в 4, то будет какая-то хрень.
Вот тут(последний коммент)
Было бы очень клёво, если бы добавили возможность писать полноценные формулы на языке LaTeX. Рендерить их можно было бы, например, при помощи MathJax.
Типа этого:
Ух ты, клёво, но я нигде не могу найти, как это сделать. Ну и лично я бы предпочёл всё-таки рендер на клиенте (дабы формулы можно было выделять и они правильно растягивались), но это так, мелкие придирки.
Как и обычно — надо выставить знаки доллара вокруг формулы
http://codeforces.me/problemset/problem/64/B is no longer displaying for me
Here "Statement is not available."
Хочу видеть все комментарии.
Сделайте так, чтобы можно было автоматически не скрывать комментарии с отрицательным рейтингом.
и вообще, зачем было введено это: скрывать коммент с очень низким рейтом?
вот-вот, тоже очень не нравится это нововведение. похоже на очередной акт против инакомыслия
Та ещё тупистика. Надо бы хоть как на хабре делать его светлее, но с возможностью, ёлки-палки, прочтения.
Ну, возможность прочтения таки есть. Там надо кликнуть на "здесь".
очередная попытка решения 12 проблемы
Но 12 проблема — такая 12 проблема...
А по мне вполне успешное решение проблемы, теперь ваши комментарии стали нечитаемыми:
Уважаемая администрация, если вы копируете систему скрытия комментариев с хабра, то копируйте её полностью, очень неудобно.
"Уважаемая администрация, если вы копируете систему скрытия комментариев с хабра, то копируйте её полностью, очень неудобно."
Копируйте её полностью
Да, сделать бы опцию "не скрывать комментарии с низким рейтингом", а то из оперы мини, чтобы прогрузить один коммент нужно прогрузить всю страницу.
кнопку "ответить" перенесли в верхушку каждого сообщения, так теперь может быть добавить "ответить на тему" в внизу страницы?
Может можно исправить вот такой момент как-нибудь?
Чтобы попасть на кнопку "Ответить" надо очень сильно постараться...
если ветку продлить, то будет еще на голосовалку залазить...
I don't like that all code is now red without highlighting the keywords...
Prettyprint was better I think.
UPD: it seems that it's working in comments, but not in blogs, formatting was discussed here
It works, see http://codeforces.me/blog/entry/3780#comment-76662 Use the editor main menu to insert highlighted source code.
Thanks I found that with your help ;-) Maybe there could be example in blog (in 9.), I thought that all code is "inlined", now I see the difference.
не знаю даже куда написать, напишу сюда: бага с просмотром новых комментариев когда переходишь к след. новому комменту страница заново пролистывается (у yeputons такого нет)
P.S. и еще теперь не "Написать комментарий", а "Write comment", это баг или фича?
Не понял, что за бага. Напиши подробнее.
ну когда жмешь на стрелку вниз, обычно переходит к след комменту (так должно быть), а у меня жмешь стрелку вниз, проматывается вся страница от начала до этого коммента (все равно, врядли понятно)
у меня Опера (через хром (опять же) все нормально), такое ощущение, что опера какая-то ущербная
Don't get the urge to reinvent wheels. bbcode is well tested and universal and known to work in comments including code sites. Random wiki markup comes with such complications. Imagine a problem required me to explain something like: http://pastebin.com/7ybg21rP
If I just type the ascii art here, it will look like this: .. ..**..** ..*.*.
For the ascii, maybe you can include them as code:
***..***..**..***.*.*.*.После этого изменения все коды на Java стали резать глаз из-за ужасной подсветки. Может я такой один, тогда прошу прощения, но если все-таки нет — не могли бы вы как-нибудь ее поменять, вернуть ту, которая была до этого. Раньше она была эдентична подсветке в Eclipse и это было прекрасно, а теперь она какая-то блеклая и резкая, что вот ни капли не радует глаз. Заранее спасибо.
Hi, this is just a minor bug, but it seems like my username R _ R _ can not be inserted correctly (it became R_R_ because of the '_') :(
Maybe you can use
R\_R\_-> R_R_I tried, but it does not work :), as you can see below
[user:R_R_]
(btw, I meant inserting my username with color, link in the nice given format)
Несколько комментариев:
), за исключением случаев, когда это прямая речь.А рассматривается ли вариант с добавление спойлеров?
Когда-то уже спрашивали, спрошу ещё раз: планируется ли добавить поддержку MathJax для формул TeX? Это бы значительно увеличило качество формул, к тому же не надо возиться с собственным TeX-парсером.
Пример работы MathJax можно посмотреть на http://math.stackexchange.com/.
Сейчас с формулами есть целая куча проблем, из-за которых формулы трудно читать. Вот только некоторые:
\displaystyle, в результате имеем\pmodне работаетУ меня не отображаются картинки в коментариях к данному блогу. (Chrome android)
Два вопроса:
Как можно сделать "cut"?
Т.е. перенести часть текста поста под ссылку "Полный текст", тег
<cut>не помогает.Какой рекомендуемый способ вставки изображений?
Хостингов, которые хранят "вечно" не знаю. Единственное, что приходит в голову — разместить в своем google-аккаунте и вставить прямую ссылку.
Вроде работает
[cut]в отдельном параграфе.Через
[cut]не получилось, пробовал разные комбинации пустых строк до и после тега, вы не могли бы привести пример "кода"?Конструкция
<!-- more -->тоже не хочет работать.Пример исходного кода http://pastebin.com/Bi9k20RR моего поста http://codeforces.me/blog/entry/9183
Я сейчас посмотрел внимательней, где-то год назад работало такое:
На строке после
[cut]зачем-то стоит пробел, наверное, без него было плохо.Всем спасибо за ответы! Разобрался. Выяснилось, что пробел после
[cut]не обязателен. Текст сбивался из-за отсутствия непробельного символа между[cut]и<pre>Не работает:
Работает:
Can anyone teach me how to upload an image in comments?
Didn't work for me. I uploaded the image on https://pasteboard.co/ . Where do you upload?
http://codeforces.me/blog/entry/43375#comment-280760
Understood. Thanks :)
На подскажите как вставлять знак доллара сам по себе?
А то, например, в этом комментарии (в первой его редакции) два долларовых знака интерпретируются как формула, не смотря на пустую строку между ними.
Видел, что это возможно, но не знаю как посмотреть исходный markup. (Это вроде возможно только после того, как в исходный текст вносятся правки?)
$x$
$x$Спасибо.
Кстати, внутри backticks не срабатывает:
$Для этого случая можно вместо backticks использовать <code>$</code>
$How to write a code in a comment?
How to write a code in a comment?
Sanam007
hii