Vidhya Raju Ответов: 4

Текстовая область с номерами строк и маркером кода


Кто-нибудь может сказать мне лучший плагин для добавления номеров строк и цветового кода в текстовую область? Я использую плагин editarea, но не могу его настроить.

4 Ответов

Рейтинг:
28

virang_21

Вы можете использовать плагин CodeMirror Jquery.

http://weblogs.asp.net/jongalloway/using-codemirror-to-add-c-syntax-highlighting-to-an-editable-html-textarea[^]


http://codemirror.net/[^]


Рейтинг:
1

Shemeemsha (ഷെമീംഷ)

Простой и легкий плагин веса..Проверять http://files.aw20.net/jquery-linedtextarea/jquery-linedtextarea.html


Vidhya Raju

Его Гуд. Но мне тоже нужен маркер кода

Shemeemsha (ഷെമീംഷ)

Кодовый маркер означает?

Vidhya Raju

подсветка синтаксиса разными цветами

Shemeemsha (ഷെമീംഷ)

Затем вы можете использовать текстовый редактор.. CK-редактор лучше всего..
Но я не уверен, что это номер линии поддержки..
Я думаю, что вы можете настроить редактор и добавить номер строки..
CK-редактор является бесплатным и очень богатыми опциями..

http://ckeditor.com/demo#full

Может быть, это будет полезно ...

Vidhya Raju

Плагин уверены ли вы
Я использую вышеупомянутый плагин. Но я не могу настроить какую-то часть JS-файлов.

Shemeemsha (ഷെമീംഷ)

С какими проблемами вы сталкиваетесь?..

Vidhya Raju

< html>
< голова>
&ЛТ;язык скриптов="JavaScript-код" тип="текст/яваскрипт" СРЦ="edit_area/edit_area_full.js"&ГТ;&ЛТ;/скрипт>
< script language= "Javascript" type= "text/javascript">
// инициализация
editAreaLoader.инит({
id: "my_text" / / идентификатор текстовой области для преобразования
,start_highlight: true / / если начать с подсветки
, allow_resize: "оба"
,word_wrap: правда
, язык: "en"
, синтаксис: "cpp"
,show_line_colors: правда
,allow_toggle: накладные
панель инструментов: "жирный,курсив,подчеркивание,|,подраздел,суп,|,ол,НЛ, | ,поиск, go_to_line, |, отменить, повторить"
, end_toolbar:"|, savet|/, стили, форматы, imagess"
, Плагины: "тест"
});

< / script>

< / head>
& lt;тело>
в <textarea с идентификатором="my_text" стиль="высота: 100%; ширина: 100%;" название="my_text">это в целях тестирования
< / textarea>


< / body>
< / html>


Это мой html-файл, который вызывает плагин editarea. Я мог бы настроить так, как мне нужно, за исключением того, что я не мог вызвать функцию js(в html-файле) из plugin:test. Вот плагин: тест - это test.js файл, в котором я настроил в соответствии с моим требованием. Но единственная проблема, с которой я столкнулся, заключается в том, что я не могу вызвать другую функцию JS-файла из плагина js-файла

Shemeemsha (ഷെമീംഷ)

Вы можете добавить номер строки и маркер кода
номер строки
Маркер кода

Проверьте это также

Vidhya Raju

Большое вам спасибо за ваше предложение. Но никто из них как я и ожидал

Shemeemsha (ഷെമീംഷ)

Добро пожаловать :)
Для подсветки кода можно использовать тег" pre"..
Или вы можете реализовать для этого свои собственные сценарии.... Может быть, потребуется время...БОЛ (У)
================================================================

Рейтинг:
0

Vidhya Raju

Спасибо за ваше предложение. Мне нужна редактируемая текстовая область. Но те ссылки, которые вы предложили, - это статическая текстовая область.