не могу программно изменить значение textarea в онлайн редакторе
 

Здравствуйте!

Нашел онлайн редактор http://codemirror.net/
Внешне выглядит неплохо, но вот проблема:
не могу программно (через javascript) изменить значение textarea!

вот пример:
http://partnerr.ru/_xq/xq.html

Нажимаю на кнопку "Изменить textarea id="code"
и ничего не происходит

посмотрел на элементы (см.прикрепленный файл)
а там textarea является скрытым элементом и хотя он программно меняется, но на внешний вид это никак не влияет.

Что делать?

А может посоветуете как самому в поле textarea сделать подсветку элементов?

Заранее спасибо!

За формирования внешнего вида в http://codemirror.net/
отвечает вот этот код

<script> 
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
        lineNumbers: true,
        matchBrackets: true,
        theme: "xq-dark"
      });
    </script>

когда я назначаю новое значение textarea, я попробовал сделать так:

function change_value(val) {

    var param3d = document.getElementById("code");
    if (param3d) {
        param3d.value = val;


        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
            lineNumbers: true,
            matchBrackets: true,
            theme: "xq-dark"
        });



        alert("param3d.value = " + param3d.value);

    }

}

и вот что получилось:
http://partnerr.ru/_xq_2/xq.html

все равно - не то.
я понимаю, что надо на сервере страницу формировать, тогда будет работать, а без этого никак? Есть ли какое-то решение или другой онлайн редактор, чтобы можно было работать только с javascript, без сервера?

А самому онлайн редактор тяжело сделать? У кого-нибудь есть опыт? Или там все равно будет та же проблема?

и еще непонятно
вот этот красивый "textarea", на темном фоне с номерами строк итд
это на самом деле большой набор дивов:
<div class="CodeMirror-scroll" tabindex="-1"> итд

Теперь, например, пользователь его отредактировал и теперь я хочу этот текст отправить куда-то себе (в моем случае хотел делать через ajax) или где-то сохранить и как мне его сохранить в целом виде? Собирать кусками по всем дивам? Это вообще не вариант.

вот так попробовал

var textArea = document.getElementById('code');
        var editor = CodeMirror.fromTextArea(textArea);
        editor.getDoc().setValue('var msg = "Hi";');

тоже не работает!

Визуальные html-редакторы онлайн редакторы работают за счет этого, а изменения в нем переписываются в textarea.

и что делать?

Изменять там, где происходит ввод, то есть в div контейнере.