Цитата:
|
Цитата:
|
Цитата:
|
Riim, дело не в overflow'е. Строки будут нумероваться неправильно. Для картинки мы предполагаем фиксированную высоту строки, а у нас строка может занимать x высот стандартной строки.
Пример такого ошибочного нумерования:  |
Цитата:
|
Тогда overflow-x. Но, имхо, это не очень хорошее решение - тянуть код на километры вправо.
|
Цитата:
|
Мне очень нравится вариант с переносом строки, он правильный. В редакторах строка именно переносится.
Если у вас тулбар открывается слева - сделайте Ctrl-F5, если по-прежнему слева - напишите браузер.. У меня он справа. |
С номерами строк - можно toggle, как вариант, сделать, а не полный off. При скрытии, зелёную полоску (бордюр) тоже лучше скрыть (лучше паддинг небольшой (если нет) слева вместо неё, чтобы код не лепить по левому краю).
Инконка "Run" наезжает на текст "Запустить". |
<div>Тестируем</div> <div>Просмотр</div> <div style="color:red"> HTML </div> |
Прыжки пофиксил, HTML добавил, с редактированием интегрировал.
Осталось выделение. Новая подсветка имхо симпатичнее и удобнее. |
Цитата:
|
Да, и ещё...
Что та, что эта подсветка не понимает другие вложенные языки. Можно ли как-то сделать, что бы при добавлении тегов подсветки в другие, не добавлялись отступы и не ломалась нумерация строк? |
Вложенная подсветка не поддерживается. Если какой-то глюк видишь, связанный с этим - запости сюда пример плиз.
|
Цитата:
|
Цитата:
|
Не уверен, что нужна закрывающая кнопка для фрейма.
Редактирование я убрал, не нужно оно вроде. Для каких языков.. Я сделаю, если не сложно, пока не понял что
А вот и подсветка (CTRL-F5)
/*!*/
alert("highlighted")
alert("piece")
alert("of code")
/*/!*/
ну и можно еще /*u*/вот так /*/u*/
|
Цитата:
|
Если три раза нажать на кнопку скрытия строк, страница перезагружается и выдаётся alert - "$ is not defined".
|
Dmitry: после Ctrl-F5 ? Какой браузер?
|
Есть идея, что делать с номерами строк.
Смысл такой: аналогично драг-н-дропу детектим, что посетитель выбирает строчки мышью. Как только задетектили (нажата кнопка и мышь передвинута) - убираем номера строк. Когда юзер окончил копирование (отпущена кнопка) - через 3с возвращаем номера строк обратно. P.S. При этом с номерами строк уже скопировать будет совсем нельзя, но оно вообще надо? |
Лучше переверстать.
|
Пропатченный вариант хайлайтера - если сделаете поставлю.
Должно быть а) выделение и копирование без номеров строк б) корректно переноситься строки кода, без лишних номеров слева, возможно с обозначением переноса строки в конце/начале. По идее, это возможно. |
Цитата:
|
Ок, я подожду, пишите в личку ;)
|
Цитата:
И ещё... я так понимаю, это нужно сделать поверх плагина? |
Верхний пост прочитал. Это всё, что требуется?
|
В общем - да, это все.. Плагин можно пропатчить, но потом.
В качестве первого, важнейшего этапа я бы предложил даже не патченный плагин, а готовую верстку, удовлетворяющую условиям по враппингу строк и невыделению номеров. |
P.S. Вариант с LI копирует номера в Firefox.
|
Мой вариант вёрстки: http://www.js-core.ru/public/line-numbers/
|
Цитата:
|
В браузере создавал, там код закомментированный есть в примере. Со станицы при помощи screengrab в firefox копировал.
|
Оригинальное решение ;)
Может быть, будет вариант без картинки? |
При условии, что нужен Word Wrap, без картинки сверстать, наверное, не получится.
|
Один важный дядька как-то сравнивал пустое место между строками текста с коридорами, по которым читатель сможет вернуться назад к началу следующей строки.
Увеличьте, пожалуйста, для листингов кода интерлиньяж с 13px («1.1em») до 16px («normal»), а то блоки кода получаются не стройные, а скученные :) |
Увеличил. Надеюсь, стало лучше?
Кстати, доделал подсветку блоков и строк
$.ajax({
*!*
data: myData,
dataType: "json",
*/!*
something
);
var b = *!*3+2*/!*
Подробнее - см. обновленную статью http://javascript.ru/formatting |
Парсер преобразует смайлики в картинки, но в комментариях к коду, теги также преобразуются (в итоге текст <img ... />): http://javascript.ru/blog/subzey/Fir...t#comment-2675
|
Цитата:
|
Цитата:
|
Цитата:
|
| Часовой пояс GMT +3, время: 21:26. |