Как показать содержимое на той же странице справа с TinyMCE?

Question

Я скачал TinyMCE и распаковал его в каталог проекта.
Часть html.

<div id="main">
<div id="container_left">
        <textarea id="mytextarea"></textarea>
        <input id="submit" type="button" value="submit">            
</div>
<div id="show_right"></div>
</div>

Css часть.

body{
    width:1000px;
    height:800px;
    border:1px solid  black;
}
#container_left{
    width:40%;
    height:80%;
    border:1px solid red;
    float:left;
}
#mytextarea{
    width:100%;
    height:600px;
    border:1px solid red;
}
#show_right{
    width:40%;
    height:600px;
    border:1px solid red;
    float:right;
}

Левая часть является текстовой областью, вы можете ввести в нее некоторый текст и изменить его с помощью tinymce; я хочу показать содержимое в правой части после нажатия кнопки отправки.

Часть js.

<script src="tinymce/tinymce.min.js"></script>
<script type="text/javascript">
    tinymce.init({
        selector: '#mytextarea',
    });
</script>
</script>
<script>
function showAtRight()
{
    var content = document.getElementById("mytextarea").value;
    var target = document.getElementById("show_right");
    target.innerHTML = content;
}

ob = document.getElementById("mytextarea");
ob.addEventListener("click",showAtRight);
</script>

Почему не отображается содержимое слева на моей правой части после ввода it is a test слева container_left и нажатия кнопки submit?

Answer 1

Как только TinyMCE появляется на странице, базовый textarea больше не виден на странице - вы вводите iFrame.Ориентация на исходный textarea не будет делать то, что вы хотите, потому что контента там нет.Вы можете использовать API TinyMCE для получения контента и обновления div.Вот пример:

http://fiddle.tinymce.com/Gegaab/7