javascript - summernote - 在 HTML View 中更新代码

Question

我正在使用 Summernote所见即所得编辑器，我陷入了这个问题:
每次 View 从 Rich Text 变为 HTML 时，我都想进行一些计算并更新编辑器内容。
但是当编辑器从 Rich Text 变为 HTML 时 .code()好像不行……
过了一会儿，我意识到当编辑器处于 HTML 模式时，.code() 根本不起作用 - 这就是为什么当按“codeview”按钮从文本到 html 时不起作用......

查看此提要:http://jsfiddle.net/Lpp1Lmhn/4/ (在富文本模式下按“更新”按钮，然后在 HTML 模式下按“更新”按钮)

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

提前谢谢你。

Answer 1

是的，您可以，但是您必须做的有趣的小改动是将“.live”更改为“.on”。 here是讨论这个小变化的重要性的链接

$(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/