|
Перевод подсветки на highlight.js
Кто что думает? Никогда не пользовал...
http://softwaremaniacs.org/soft/highlight/ Плюсы - чистый код. Можно поадаптировать к браузеру, размеру окна. Минусы - загрузка файла, порядка 20к.. Больше пока не вижу. |
|
На самом деле, без разницы - если скрипт хорошо работает, можно использовать. Раскрасить CSS-ом можно по-своему, если захочешь. Я не знаю, какая сейчас используется система для подсветки, лучше она или хуже.
Но, однозначно, иметь подсветку все остальных языков, было бы удобно. |
Я использую SyntaxHighlighter. Немного допилил для правильной работы с табами, поправил схему подсветки, добавил подсветку регэкспов (кривоватую, правда).
Минусы, имхо, незначительны, т.к. файл закешируется (не забываем еще и о гзипе) и мешать никому не будет. |
Цитата:
Цитата:
|
SyntaxHighlighter падает от наличия enum-свойств в Object.prototype, а в highlight.js когда-то давно по моей просьбе была добавлена проверка hasOwnProperty :)
|
alert('new highlight is here!');
|
Пишите, если что не так при работе с новой подсветкой.. run привинчиваю..
|
номера строк копируются :(
|
Octane, лучше копировать специальной кнопкой.
|
Старые коды все сломались - и на форуме, и в блоге.
|
Где ? Наверно это временно было..
|
Цитата:
|
Кстати, появился
def python: hehe |
Цитата:
|
Еще побочный эффект - после AJAX-редактирования подсветка не работает у нового кода. Исправлю.
|
Завтра доделаю run.
Как думаете, тулбар с копированием, запуском и т.п. лучше над кодом поместить или оставить сбоку? |
над кодом
|
Должно работать run для javascript
alert("TEST")
|
Сбоку тоже хороший вариант - не отвлекает от кода.
|
Да, сбоку лучше, иначе на маленьких кодах отвлекает сильно (посмотрел, как смотрится в статьях, где подряд идут коды на пару-тройку строк). Можно проголосовать.
Также, в некоторых кодах, почему-то, нет номеров строк и этого меню вообще. |
Цитата:
|
С этими номерами строк классический случай "придумали проблему и мужественно её решаем", особенно учитывая, что они в большинстве случаев не нужны. Пришлось придумывать кнопку "Копировать". Да я Ctrl+C привык копировать, не надо меня переучивать. Если уж так сильно хочется номера строк, то сверстай так, чтобы они не копировались.
З.Ы. Это, разумеется, не Илье выпад, а всем создателям хайлайтеров, 99% этим страдают. З.З.Ы. Илья, может их отключить можно? |
Цитата:
|
Еще других правок по хайлайту хватает.
Если скажете, как можно сделать чтобы не копировались - сделаю. Патченный хайлайтер велкам. Или файл стиля к нему.. |
Цитата:
Цитата:
|
Насчет никому не нужны - мне кажется, ты слишком категоричен...
|
И, всё-таки, кнопки лучше в бок, как было в оригинале. Это дополнение (функционал) к коду, он не должен мешать просмотру кода.
|
Цитата:
На счет сбоку кнопки. когда наводишь курсор - они появляются и закрывают часть кода, если он на всю ширину. Можно сделать след образом: выводить сбоку при наведении на код но меню расположить не горизонтально а вертикально по возможности. |
На счет подсветки.
http://javascript.ru/forum/events/69...html#post40526 Такое ощущение что там стоит white-space: nowrap и нет overflow: auto или перевода на новую строку под тем же номером (вся строка в диве например) |
Ctrl-F5 guys ;) Выложил новый вариант.
Меню вернул в бок, т.к. это действительно удобнее. Кнопка "Запустить" там, где она есть, стоит сверху - это важно, т.к. она самая часто используемая + чтобы человек сразу видел возможность запуска. |
Над проблемой думаю http://javascript.ru/forum/events/69...html#post40526
|
Поборол.
|
Цитата:
2. циферки из рисунка, который крепится background-ом (нужно будет правильно размер шрифта подбирать). Не такой уж плохой вариант как на первый взгляд кажется. |
Цитата:
|
Добавил кнопку "открыть в новом окне", там без списка.
|
Да, и кнопку "убрать номера" - тоже добавил. Hope that makes you happy.
Осталось TODO: просмотр HTML, AJAX-редактирование на форуме, выделение. Выделение хочу сделать так: Цитата:
Цитата:
|
Меню появляется слева - там, где код - часть кода скрывается. Лучше справа, чтобы не мешало.
|
Он кроме текста, ключевых слов и ссылок больше ничего не понимает? Тоска... Хотя бы ещё цифры и основные DOM свойства/методы раскрашивал...
|
Цитата:
Наглядный пример:
$('#state_checkboxes input[type=checkbox]').each(function(i){$(this).click(function(){if(!$(this).attr('checked')){if($('#state_checkboxes input[type=checkbox]:checked').length==0){$('#state_checkboxes input[type=checkbox]').not(this).attr('checked','checked')}}})});$('#type_checkboxes input[type=checkbox]').each(function(i){$(this).click(function(){if(!$(this).attr('checked')){if($('#type_checkboxes input[type=checkbox]:checked').length==0){$('#type_checkboxes input[type=checkbox]').not(this).attr('checked','checked')}}})});$('#own_checkboxes input[type=checkbox]').each(function(i){$(this).click(function(){if(!$(this).attr('checked')){if($('#own_checkboxes input[type=checkbox]:checked').length==0){$('#own_checkboxes input[type=checkbox]').not(this).attr('checked','checked')}}})});
B~Vladi, его несложно научить этому. |
| Часовой пояс GMT +3, время: 17:11. |
|