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

时间:2015-03-02 21:37:13

标签: javascript jquery html codemirror summernote



$(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>
&#13;
&#13;
&#13;

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

1 个答案:

答案 0 :(得分:0)

似乎我需要设置:

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

尽管这些应该是默认值。

更新了小提琴:https://jsfiddle.net/ungue/fzt257r6/41/