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

  • Автор темы Parasite
  • Дата начала
Статус
Закрыто для дальнейших ответов.
P

Parasite

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

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

Parasite

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

Andrew Stephanoff

Гость
#4
Код:
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);
 
P

Parasite

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

Parasite

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

Andrew Stephanoff

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

Parasite

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