加载Bootstrap Wysiwyg编辑器内容

Question

找到此Save and Load Bootstrap Wysiwyg editor content。但加载不符合建议。

创建http://jsfiddle.net/vNPAJ/28/

的jQuery

jQuery(document).ready(function ($) {            
            $("#t1").wysihtml5();
            $("#b1").click(function () {
                $("#t2").val($("#t1").val());                
            });
            $("#b2").click(function () {
                $("#t1").val($("#t2").val());
            });
        });

HTML

<textarea style="width:570px" id="t1">Test <b>Data</b></textarea><br /><br />
<textarea id="t2"style="width:570px"></textarea><br /> <br />
<button class="btn-primary" id="b1" type="button">Get</button>
<button class="btn-primary" id="b2" type="button">Set</button>

Get工作正常。

点击设置按钮我想用第二个textarea的源代码填充编辑器。

不知道怎么做......

Answer 1

研究您的问题。您似乎需要使用黑客来填充wysihtml5()中的值，因为它包含iframe

尝试这样做，我在#bt2中添加了一行，将值设置为#t1

jQuery(document).ready(function ($) {            
            $("#t1").wysihtml5();
            $("#b1").on('click',function () {
                $("#t2").val($("#t1").val());                
            });
            $("#b2").on('click',function () {

                $("#t1").parent('body').find('iframe').contents().find('.wysihtml5-editor').html('I changed!');
            });
        });