велосипед для редактора строк

[nverv]

наверняка это миллион раз уже изобретено
простейший редактор текста

надо чтобы список DOM-элементов отображал содержимое элементов массива
тоесть визуализация массива элементов

так чтобы при редактировании элементов через интерфейс документа массив элементов синхронизировался

не могу понять как это сделать чтобы не было перерисовки DOM-элементов при обновлении массива элементов

то есть чтобы выбирая любой элемент в списке DOM-элементов всегда выбирался соответствующий элемент в массиве элементов
то есть чтобы сохранялось соответствие порядкового номера обоих массивов

задача простая и вроде понятно выразил


---------------------------
еще раз -


есть массив в котором элементы - например строки
этот массив надо визуализировать на экране в виде списка строк
полученные элементы интерфейса содержат некий код для функционирования редактора
редактор добавляет удаляет элементы массива
изменения сразу происходят на экране, меняется DOM
и при этом изменения вносятся в массив - тоесть происходит синхронизация

я понимаю что если просто заново отобразить все элементы массива на экране то редактор заработает
но не могу понять как это сделать чтобы не надо было перерисовывать DOM

[Viral]

сто пардонов за оффтоп.. вы часом не сеошник?

[skrudjmakdak]

задача простая и вроде понятно выразил

а я вот честно говоря нихера не понял))

[nverv]

сто пардонов за оффтоп.. вы часом не сеошник?

первая практика после знакомства с js
простейший редактор текста делаю

[skrudjmakdak]

есть куча готовых редакторов
http://www.tinymce.com/
http://nytimes.github.io/ice/demo/
http://ace.c9.io/#nav=about

можно еще покопаться)

[nverv]

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

[skrudjmakdak]

сам хочу понять алгоритм

открываешь исходники и смотришь))

[nverv]

открываешь исходники и смотришь))

спасибо
твои советы похоже бесполезны
мне все время кажется что на этом форуме много пидарасов ))

[tsigel]

Когда выводите текст в редакторе - связываейте его не с конкретным html элементом, а с текстовой нодой внутри него.

[tsigel]

есть массив в котором элементы - например строки
этот массив надо визуализировать на экране в виде списка строк
полученные элементы интерфейса содержат некий код для функционирования редактора
редактор добавляет удаляет элементы массива
изменения сразу происходят на экране, меняется DOM
и при этом изменения вносятся в массив - тоесть происходит синхронизация

Можно сделать карту массива, например:

arr = ["string1", "string2", "string3"];
map = {
   0: textNode1,
   1: textNode2,
   3: textNode3
}

Тогда отображение изменения второго элемента массива будет так:

arr[1] = "trololo";
map[1].textContent = arr[1];