?

Log in

No account? Create an account
tech

TextArea и инструменты для работы с ним

Почувствовав в определенных случаях удобство правки текста с разметкой в поле формы TextArea, задался вопросом добавления удобств. Понятное дело, что визуальный редактор мне тут совсем не нужен, а вот подсветка синтаксиса и иногда изменение размеров поля, наверное бы подошли.

К сожалению на раз скрестить ресайз поля и подсветку у меня не получилось, но возможно подсветки будет вполне достаточно. Так, что пока просто ссылки на подходящие библиотеки.

Подсветка
1. CodeMirror. Весьма аккуратный и приятный проект,умеет подсвечивать микс из html-js-css-php. Разработчики написали сагу о том, как делали этот проект. К сожалению не получается использовать вместе с TextAreaResize. Вообще был бы идеальный виджет.
2. Edit Area (демо). Что в этом виджете хорошо, так то, что tab не перебрасывает нас дальше по странице, а работает как в текстовом редакторе — создает отступ.
3. Устаревший и брошенный CodePress (демо)

Ресайз
1. TextAreaResize (c использованием jQuery)

Comments

Я использую "Edit Area" для редактирования ХТМЛ шаблонов сайта. Правда пришлось стили чуть подправить, а то у меня выделенное съезжало на 1px. Хз почему, может из-за родных стилей админки. И подсветку тоже отключил, оставив кнопочку включения подсветки, так как с разметкой тормозить начинает, только с маленькими текстами можно работать.