RIch текстовое поле ввода - проблема переполнения

Question

Я создал поле ввода расширенного текста, где цель состоит в том, чтобы выделить круглые скобки, которые совпадают или не совпадают и т. Д. ()"S. Все это прекрасно работает для того, что я делаю, единственная проблема, с которой я столкнулся до сих пор, заключается в том, что когда вы переполняете ввод, базовый элемент html остается тем же самым, что портит все.

Живой пример здесь: http://jsfiddle.net/Axvgf/

Просто введите несколько букв на входе, и вы увидите проблему.

Любая помощь будет оценена!

Заранее спасибо.

Изменить: Если мой подход не работает или слишком ошибочен, я принимаю различные предложения и / или решения.

Edit2: я попробовал новый подход, используя contenteditable но это сталкивается с кучей проблем с позицией каретки каждый раз. Вот моя попытка: http://jsfiddle.net/Axvgf/25/

Answer 1

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