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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Parasite, 11 окт 2005.

Статус темы:
Закрыта.
  1. Parasite

    Parasite Гость

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

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

    admin Well-Known Member

    Регистрация:
    8 авг 2003
    Сообщения:
    2.811
    Симпатии:
    0
    через жабаскрипт.

    innerHTML
     
  3. Parasite

    Parasite Гость

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

    Andrew Stephanoff Гость

    Код (Text):
    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);
     
  5. Parasite

    Parasite Гость

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

    Parasite Гость

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

    Andrew Stephanoff Гость

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

    Parasite Гость

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

    ipjs Гость

    selection.pasteHTML(IMG.outerHTML);
     
Загрузка...
Похожие Темы - вставка элементов Div
  1. Dragon108
    Ответов:
    1
    Просмотров:
    468
  2. vitte
    Ответов:
    8
    Просмотров:
    727
  3. k85
    Ответов:
    2
    Просмотров:
    679
  4. lionk
    Ответов:
    6
    Просмотров:
    756
  5. sasha465
    Ответов:
    2
    Просмотров:
    1.367
Статус темы:
Закрыта.

Поделиться этой страницей