Есть скрипт, написанный на javascript, который синтаксис подсвечивает и номера строк показывает в поле ввода?

Question

[PO6OT]

Просто поле нужно, которое синтаксис подсвечивает и номера строк показывает. А редактор я на php сам подпаяю.

Comments

[Алексей Уколов]

Всего 3 попытки понадобилось, чтобы нормально сформулировать вопрос.

[xmoonlight]

Алексей Уколов: и, видимо, это - не предел....

[Алексей Уколов]

Попытка №4!

Answer 1

[xmoonlight]

Чем не устроил твой предыдущий вопрос и ответы на него?
Какие есть текстовые редакторы написанные на javascript с подсветкой синтаксиса?

Comments

[PO6OT]

там не было написано, что мне нужно встроить его на страницу

[PO6OT]

и все ответы из-за этого неправильные
ничего нормального не нашел. Мне не нужен с плагинами и фичами всякими. Просто подсветка кода и нумерация строк и всё.

[xmoonlight]

Вадим Егоров: ace - нет?!

[PO6OT]

а что, домен io бесплатный что-ли, что на него все проекты прут?

[xmoonlight]

Вадим Егоров: ОФФ-ТОП!
Редактор Ace - чем не подходит?

[PO6OT]

мне нужен совсем обрезанный
а в этом есть например editor.setTheme();
мне даже не текстовый редактор, а просто поле нужно, которое синтаксис подсвечивает и номера строк показывает. а редактор я на php подпаяю.

[xmoonlight]

Вадим Егоров: есть сложности с пониманием API для интеграции?

[PO6OT]

xmoonlight: мне просто нужно поле ввода и всё

[PO6OT]

чем легче, тем быстрее грузится страница

[xmoonlight]

Вадим Егоров: https://github.com/blog/905-edit-like-an-ace - этим все сказано!

[PO6OT]

xmoonlight: это не то что мне нужно
мне нужно поле в котором подсвечивается синтаксис и нумерация строк. Не редактор. и никаких дополнений.

[xmoonlight]

Вадим Егоров: https://highlightjs.org/

[PO6OT]

да я как раз его только закрыл

[xmoonlight]

Вадим Егоров: Highlight.js’ notable lack of line numbers support is not an oversight but a feature. Following is the explanation of this policy from the current project maintainer (hey guys!):

One of the defining design principles for highlight.js from the start was simplicity.
-------------------------------
highlightjs.readthedocs.org/en/latest/line-numbers.html
Как раз про то, что ты и искал)

[PO6OT]

там сначала вводишь код, отправляешь, а потом появляется подсвеченный в отправленном, я так понял. мне такое не надо.

[PO6OT]

или нет?

[xmoonlight]

Вадим Егоров: куда отправляешь?!!!!!

[PO6OT]

ну мне нужно, что бы когда я пишу код в поле ввода, он сразу подсвечивался. А я так понял, что этот скрипт находит и подсвечивает уже готовый код на странице

[PO6OT]

или нет?

[xmoonlight]

Вадим Егоров: сразу при вводе - Ace.
Вывод листинга - hightlight.js
Других - нет.

[PO6OT]

у меня же редактор, значит скрипт должен подсвечивать код при его редактировании, а не когда он статически висит на странице

[PO6OT]

stackoverflow.com/questions/61655/are-there-any-javascript-live-syntax-highlighters нашел такой-же вопрос

[PO6OT]

ace - редактор, а мне надо не нагружать пользователя кучей дополнительных скриптов

[xmoonlight]

Вадим Егоров: A brutal odyssey to the dark side of the DOM tree - это 5!!!))))

[xmoonlight]

Вадим Егоров: "не нагружать" - ну так оставь только то, что нужно! Остальное - отключи!

[PO6OT]

а разве нельзя в исходнике брекета найти highlight или сделать автообновление подсветки в поле с помощью highlight.js

[xmoonlight]

Вадим Егоров: думаю, что можно (и даже с нуля все): вопрос поддержки и трудозатрат....

[PO6OT]

нашел codemirror.net

[Максим Антонихин]

Вадим Егоров: это же в первом ответе было

[PO6OT]

Максим Антонихин: простите, где?

[xmoonlight]

Вадим Егоров: ну, да или такой... Я рад, что ты нашел ИМЕННО необходимое!
Спасибо за выбор, как ответ!

Answer 2

[IceJOKER]

Чувак, ты издеваешься?
Какие есть текстовые редакторы написанные на javascript с подсветкой синтаксиса?
Какие есть хорошие текстовые редакторы на javascript, похожие на jota+ text editor?

Answer 3

[Александр Зачиналов]

Предыдущие ответчики не совсем поняли вопрос видимо...Возьмите давно уже проверенный Google Pretiffy - это скрипт подсветки синтаксиса с поддержкой скинов google-code-prettify.googlecode.com/svn/trunk/styl...