У̶д̶о̶б̶н̶о̶е̶ новое цитирование в блоге

Долго думал как упростить цитирование у себя в блоге, наконец придумал. Ещё остались кое-какие шероховатости, но в целом должно стать лучше.

Сделал две вещи.

Во-первых, когда вы вставляете какой-то кусок текста в поле для комментариев, движок пытается догадаться не вставляете ли вы цитату и, если вставляете, расставляет значки цитирования („>“) перед каждой строкой.

Во-вторых, если вы выделяете чей-то комментарий, чтобы скопировать его в цитату, то в буфер обмена автоматически попадает текст комментария в правильном синтаксисе. То есть ссылки попадают полностью (у меня они режутся по длине), слова выделенные полужирным попадают вместе со *звёздочками* и так далее.

О последнем расскажу немного подробнее. Устроено всё несложно, разберём на примере выделения полужирным.

Сохранённые звёздочки (25.13КиБ)

Чтобы звёздочки скопировались вместе с остальным текстом, они должны в этом тексте присутствовать. И они там есть. Вокруг слова, выделенного жирным находятся звёздочки, написанные нулевым шрифтом и прозрачным цветом. Поэтому в тексте и при выделении их не видно, но в буфер обмена они попадают. Так же устроено сохранение остальной разметки — вырезанных частей ссылок, исходных УРЛов картинок.

Поделиться
Отправить
13 комментариев
hshhhhh.name

Со звёздочками хитро придумано! пиу

Михаил Яковис (yakovis.com)

В хроме зачеркивание в заголовке ломается

Евгений Степанищев (bolknote.ru)

Комментарий для yakovis.com:

У меня не ломается. Напишите, пожалуйста, баг-репорт авторам «Хрома» с указанием версии и операционной системы.

ul.tvoridob.ro

У меня заголовок вот так отображается: У̶д̶о̶б̶н̶о̶е̶. Причем в <title> он зачеркнутый.

ul.tvoridob.ro

Комментарий для ul.tvoridob.ro:

В тексте комментария нормально, а на странице между буквами квадратики стоят.

fedotov.org

Комментарий для Евгения Степанищева:

Google Chrome 15.0.874.106 m

Заголовок выглядит вот так:  http://dl.dropbox.com/u/27366993/step.png

Orcinus Orca (www.orcinus.ru)

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

Евгений Степанищев (bolknote.ru)

Комментарий для fedotov.org:

Google Chrome 15.0.874.106 m
Заголовок выглядит вот так: http://dl.dropbox.com/u/27366993/step.png

Напишите, пожалуйста, баг-репорт авторам браузера с указанием вашей ОС, скриншотом и т. п.

Алексей Томин (alxt.moikrug.ru)

Потестирую :)
Заголовок. Зачёркивание есть, но где «жирное»?

У̶д̶о̶б̶н̶о̶е̶ новое цитирование в блоге

Первый комент. Не закрыта «жирность»

Со звёздочками хитро придумано! *пиу

Евгений Степанищев (bolknote.ru)

Комментарий для alxt.moikrug.ru:

Как результат теста и в чём он заключается?

praeivis (praeivis.lt)

Комментарий для Евгения Степанищева:

Со звёздочками хитро придумано! *пиу

  • неработает эслы последние слово.
Евгений Степанищев (bolknote.ru)

Комментарий для praeivis.lt:

  • не работает если последние слово.

Работает, просто выделять надо до конца строки, а не слова, то есть надо уводить мышку за слово.

Евгений Степанищев (bolknote.ru)

Испытываю кое-что.

Популярное