Summernote html 当 htmlMode true 与 codemirror 无法正常工作时的代码视图

Question

$(document).ready(function () {
    $('.summernote').summernote({
        codemirror: {
            theme: 'monokai',
            htmlMode: true
        }
    });
});

<textarea class="summernote"><p><br></p>
<p>Testing html </p>
<p><br> formatting<br></p></textarea>

当您单击代码视图时，它没有正确地格式化 html，而是 xml。如您所见，<br> 标签被解释为无效的 xml 标签，但是 htmlMode: true 已设置并且应该用于将内容解释为 html.

Answer 1

看来我需要设置：

codemirror: {
      ...
      htmlMode: true,
      lineNumbers: true,
      mode: 'text/html'
    }

尽管这些应该是默认值。

已更新 fiddle：https://jsfiddle.net/ungue/fzt257r6/41/

Summernote html 当 htmlMode true 与 codemirror 无法正常工作时的代码视图

Summernote html code view when htmlMode true is not working fine with codemirror

html

javascript

jquery

codemirror

summernote