Интерактивные манипуляции со строками через JavaScript

Question

У меня есть веб-приложение, которое должно позволять пользователям интерактивно манипулировать строками (словами, фразами и т. Д.)

Пример:

с учетом строки foobar, если пользовательнажимает b, строка разбивается на две части и добавляется пробел, в результате чего foo bar.

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

Любой совет?

Answer 1

Эта версия с использованием jQuery (не обязательно) должна в значительной степени делать то, что вам нужно, если я вас правильно понял:

// Given a textarea with the content
var text = $('textarea').text().split('');

$('textarea').click(function(){
    text.splice(this.selectionStart, 0, " ");
    this.value = text.join('');
});

Это очень простой и не кросс-браузерный пример, но он должен помочь вам начать работу.

Answer 2

Да, все будет в порядке, но настройте ваш обработчик событий не на отдельные промежутки, а на весь контейнер, а затем посмотрите здесь: http://en.wikipedia.org/wiki/Flyweight_pattern