вставка элементов в Div налету

[Parasite]

Как в середину текста, который находится в DIV CONTENTEDITABLE вставить элемент (объект): <img> рисунок с параметрами, <a href> ссылку, и т.д. как в WYSIWYG редакторах.

Как создавать и редактировать объекты я знаю, важна только вставка.

 

[admin]

через жабаскрипт.

innerHTML

 

[Parasite]

Я понял что через Жабу... У меня есть объект рисунка со всеми параметрами: oImage. Там всё: width, height. Как мне этот объект запхнуть в innerHTML да ещё и по позиции курсора? Какие методы Javascript это делают?

 

[Andrew Stephanoff]

var oDIV = document.getElementById("test");

var oIMG = document.createElement("IMG");
oIMG.src = "...";
oIMG.alt = "...";
oIMG.height = ...; oIMG.width = ...;

var oText = document.createTextNode();
oText.nodeValue = "...";

oDIV.appendChild(oIMG);
oDIV.appendChild(oText);

 

[Parasite]

AppendChild вставит изображение в конец текста, а не по курсору.
Зачем текстоввую ноду делать? Неужели с помощью её по курсору вставка изображения будет?

 

[Parasite]

Или тут показано, что Text - это коментарий к изображению.

 

[Andrew Stephanoff]

Я показал лишь пример. Дальше сам думай -- за тебя никто делать не будет. AppendChild() -- вставляет потомка, потомка можно перемещать в дереве. Как вариант, можешь вычислить длину текта в приемнике, разбить текст в приемнике на два TextNode и вставить между ними картинку.

 

[Parasite]

Делать за меня не надо, т.к. остался последний штрих, которому идеи не хватает. За идею с разбиением спасибо.

 

[ipjs]

selection.pasteHTML(IMG.outerHTML);