Добавление Html тэгов в поле Textarea

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Reverent, 30 май 2007.

  1. Reverent

    Reverent Гость

    Недавно взял на себя смелость создать один из проектов. В которой создается система подобной WYSIWYG для создания HTML редактора встроенного в браузер. Для этого выбрал форму TEXTAREA для вставки новых элементов созданных пользователем через панель команд. Но столкнулся с одной проблемой. При создании таблицы и добавление ее в поле TEXTAREA я использовал следующий код:

    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=windows-1251">
    <script language="javascript">
    function Table_Add()
    {
    var con = document.HTMLhere.contenter;
    table = document.createElement("table");
    table = con.appendChild(table);
    table.setAttribute("border", 1)
    for(i = 0; i < 3; i++)
    {
    tr = table.insertRow(table.rows.length);
    for(z = 0; z < 3; z++)
    {
    td = tr.insertCell(tr.cells.length);
    txt = document.createTextNode("work");
    td.appendChild(txt);
    }
    }
    }

    var obj = new Object();
    pok = obj.hasOwnProperty();
    alert(pok);
    </SCRIPT>
    </HEAD>
    <BODY>
    <FORM name="HTMLhere">
    <TEXTAREA rows="20" name="contenter" style="width: 100%"></TEXTAREA>
    <P>
    <INPUT type="button" value="Table" onclick="Table_Add()">
    </P>
    </FORM>
    </BODY>
    </HTML>

    Работает код на отлично, но с большим НО. Все счастье происходит только в IE как только дело доходит до FireFox или Opera скрипт даже не шевелиться. Причем в чем вся замута что ошибок код так же не вызывает в этих браузерах он просто игнорируется системой. Почему так??? И можно ли решить эту проблему. А то заказчик ждет а я туплю :((((
     
  2. Reverent

    Reverent Гость

    Да даже если я поменяю на document.getElementById проблема остаеться таже - FireFox не берет. :( Причем если я просто сделаю ссылку
    var con = document.body;
    То все будет работать как и в IE таr и в FF. <_<

    <!--QuoteBegin-sax_ol+30:05:2007, 21:08 -->
    <span class="vbquote">(sax_ol @ 30:05:2007, 21:08 )</span><!--QuoteEBegin-->и еще - в инете есть уже готовые, почему не воспользоваться ?
    [snapback]67594" rel="nofollow" target="_blank[/snapback]​
    [/quote]

    Хм.... что то я искал да не нашол... :unsure: Поможешь? :rolleyes:
     
  3. GOsha

    GOsha Гость

    Никак ьы туда не вставишь.
    Возьми TinyMCE и не изобретай велосипед.
     
  4. Reverent

    Reverent Гость

    <!--QuoteBegin-GOsha+31:05:2007, 02:19 -->
    <span class="vbquote">(GOsha @ 31:05:2007, 02:19 )</span><!--QuoteEBegin-->Возьми TinyMCE и не изобретай велосипед.
    [snapback]67629" rel="nofollow" target="_blank[/snapback]​
    [/quote]
    А он шденибудь на халяву распространияеться, а то кричат что нужен какойто плагин когда его скачиваешь, а он в свою очередь стоит денюжек...
     
  5. Reverent

    Reverent Гость

    FCK в принципе можно и его взять... - но надо бы его обработать.

    Блин ребята это конечно хорошо что такие продукты существуют, но всетаки хочеться понять как это делается в таких редакторах через JavaScript.
     
  6. garrymax

    garrymax Гость

    spaw - проще применять уже изобретенные колеса, там и примеры есть
     
  7. Sniper

    Sniper Гость

    2 reverent TinyMCE у меня на сайте стоит и вроде как даже пока работает... денех он точно не стоит или просто я его как-то так удачно скачал.
     
  8. Reverent

    Reverent Гость

    <!--QuoteBegin-Sniper+1:06:2007, 05:52 -->
    <span class="vbquote">(Sniper @ 1:06:2007, 05:52 )</span><!--QuoteEBegin-->2 reverent TinyMCE у меня на сайте стоит и вроде как даже пока работает... денех он точно не стоит или просто я его как-то так удачно скачал.
    [snapback]67728" rel="nofollow" target="_blank[/snapback]​
    [/quote]
    Да я вот тоже скачал, да незадача... он без плагина не открывает окно для добовления рисунков.... :rolleyes:
     
  9. Sniper

    Sniper Гость

    ну так название плагина если знаешь вбиваешь в Google и жмешь поиск.. и качаешь плагин себе на здоровье
     
Загрузка...

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