Question

我使用Summernote作为wysiwyg编辑器，但我有一个问题。我的大部分文本编辑都在代码视图中，问题是如果您在代码视图中提交表单，则编辑的文本不会被保存。

出于某种原因，我需要在代码视图和wysiwyg视图之间切换以保存已保存的编辑文本。任何人都有关于如何解决这个问题的线索？

我见过这个Not saving content while in code view? #127，但它对我不起作用。

这是我的代码。

$(document).ready(function() {
    $('#desc').summernote({
        height: 1000,                 // set editor height
        minHeight: null,             // set minimum height of editor
        maxHeight: null,             // set maximum height of editor
        focus: true,                  // set focus to editable area after initializing summernote
        codemirror: {
          mode: 'text/html',
          htmlMode: true,
          lineNumbers: true,
          theme: 'monokai'
        },
        callbacks: {
          onBlur: function() {
            //should probably do something here
          },
          onInit: function() {
            console.log('Summernote is launched');
            $(this).summernote('codeview.activate');
          }
        }
    });
});

如果有必要，这里是html。

<textarea name="desc" id="desc" class="form-control" rows="40"></textarea>

Answer 1

尝试做这样的事情。

PACKET 1: FFFFFFA2
PACKET 2: 6
PACKET 3: A
PACKET 4: 25
PACKET 5: FFFFFFCF
PACKET 6: FFFFFF8C
PACKET 7: 24
PACKET 8: 3E
PACKET 9: 2D
PACKET 10: FFFFFFC9
PACKET 11: FFFFFFDE
PACKET 12: FFFFFF97
PACKET 13: 3F
PACKET 14: 8
PACKET 15: FFFFFFDE
PACKET 16: FFFFFFA5
PACKET 17: FFFFFFC7
PACKET 18: FFFFFF9E
PACKET 19: FFFFFFA3
PACKET 20: FFFFFFC1
PACKET 21: FFFFFFA4
PACKET 22: FFFFFFEA
PACKET 23: 8
PACKET 24: 15
PACKET 25: FFFFFF81
PACKET 26: 36
PACKET 27: 12
PACKET 28: 3D
PACKET 29: 42
PACKET 30: 1

Answer 2

这会将summernote的代码值复制到文本的值中

$(#desc).on('summernote.blur.codeview', function() {
    $(#desc).val($(desc).summernote('code'));
});

使用onblur回调也可能有效：https://summernote.org/deep-dive/#initialization-options

Summernote wysiwyg编辑器保存在codeview中不工作js / jquery

2 个答案: