富文本编辑器summernote：在HTML视图下更新代码

Question

我正在使用Summernote所提供的所见即所得编辑器，但遇到了一个问题：
每当视图从富文本更改为HTML时，我都想进行一些计算并更新编辑器内容。
但是当编辑器从富文本更改为HTML .code() 似乎不起作用...
过了一会儿，我意识到，当编辑器处于HTML模式下时，.code() 根本不起作用，这就是为什么从文本切换到html时按下 "代码视图" 按钮不起作用的原因...

请查看此feedle：http://jsfiddle.net/Lpp1Lmhn/4/ （在富文本和 HTML 模式下分别按 "Update" 按钮）

那么问题来了：
是否有一种方法可以在 HTML 视图下更新编辑器的内容？

预先感谢您的回答。

- CdB

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');
    });
});

你可以访问这个工作的fiddle http://jsfiddle.net/2tnua16k/

- jidexl21