summernote - 在 HTML 视图中更新代码

Posted 2023-03-22

【中文标题】summernote - 在 HTML 视图中更新代码

【英文标题】：summernote - update code when in HTML view

【发布时间】：2015-04-20 20:29:15

【问题描述】：

我正在使用Summernote WYSIWYG 编辑器，但我陷入了这个问题： 每次视图从富文本更改为 html 时，我都想进行一些计算并更新编辑器内容。 但是当编辑器从富文本更改为 HTML 时，.code() 似乎不起作用... 过了一会儿，我意识到当编辑器处于 HTML 模式时，.code() 根本不起作用 - 这就是为什么当按“codeview”按钮从文本到 html 时不起作用...

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

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

提前谢谢你。

【参考方案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');
    );
);

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