summernote - 在HTML视图中更新代码

Question

我正在使用Summernote WYSIWYG编辑器而且我遇到了这个问题:
每当视图从Rich Text更改为HTML时,我想进行一些计算并更新编辑器内容.
但是当编辑器从Rich Text更改为HTML时.code()似乎不起作用......
过了一段时间我意识到编辑器处于HTML模式时.code()根本不起作用 - 这就是为什么在按下"codeview"时从文本到HTML的按钮不起作用...

请参阅此feedle:http://jsfiddle.net/Lpp1Lmhn/4/(在Rich Text中按"更新"按钮,然后在HTML模式下按)

所以问题是:
在HTML视图中有没有办法更新编辑器的内容？

先感谢您.

Answer 1

是的，你可以，但你必须做出的有趣的小改变是将“.live”更改为“.on”。这是关于这一小变化的意义的讨论的链接

$(document).ready(function(){
    $('#editor').summernote({
        height:200,
        toolbar: [ ['text', ['bold', 'italic', 'underline']],
                    ['misc', ['codeview']]
                ]
    });

    $('[data-event="codeview"]').on('click', function(){
        $('#editor').code($('#editor').code()+'a');
    });

    $('#btn').click(function(){
        $('#editor').code($('#editor').code()+'a');
    });
});

你可以访问工作小提琴http://jsfiddle.net/2tnua16k/