Ich muss einige Inhalte in meinen Summernote-Editor kopieren und einfügen. Aber wenn ich sie einfüge, übernimmt sie den Stil der Seite, von der ich sie kopiert habe. Ich muss sie als einfachen Text einfügen. Gibt es eine Lösung?

Verwenden Sie die onPaste Zurückrufen

Verwenden Sie die onPaste Option zum Definieren eines Rückrufs, der die Tags entfernt und den Text manuell einfügt.

$editor.summernote({
    onPaste: function (e) {
        var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
        e.preventDefault();
        document.execCommand('insertText', false, bufferText);
    }
});

Anerkennung: https://github.com/summernote/summernote/issues/303

Firefox-Probleme lösen:

Möglicherweise haben Sie immer noch Probleme mit Firefox. Wenn ja, wickeln document.execCommand in einer Timer-Funktion, um ihre Ausführung ein wenig zu verzögern:

setTimeout(function(){
    document.execCommand( 'insertText', false, bufferText );
}, 10);

Update für v0.7.0+

Die Position von Rückrufen in Optionen wurde nach v0.7.0 geändert
Nach v0.7.0 sollten alle Rückrufe durch das Rückrufobjekt umschlossen werden. (Quelle)

Das bedeutet, dass der ursprüngliche Code geschrieben werden sollte als

$editor.summernote({
    callbacks: {
        onPaste: function (e) {
            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
            e.preventDefault();
            document.execCommand('insertText', false, bufferText);
        }
    }
});

Dank an Mathieu Castets für den Hinweis (wenn dieses Bit also geholfen hat, stimmen Sie seiner Antwort zu!)

TL;DR: Hier ist eine Funktion Demo

Nach v0.7.0 sollten alle Rückrufe durch das Rückrufobjekt umschlossen werden.
http://summernote.org/deep-dive/#callbacks

Wenn Sie also Summernote ab v0.7.0 verwenden, könnte die Antwort von jcuenod jetzt wie folgt umgeschrieben werden:

$('.summernote').summernote({
    callbacks: {
        onPaste: function (e) {
            var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');

            e.preventDefault();

            // Firefox fix
            setTimeout(function () {
                document.execCommand('insertText', false, bufferText);
            }, 10);
        }
    }
});

Der onPaste-Callback funktioniert super, aber ich hatte Probleme mit der unterschiedlichen Behandlung von Zeilenumbrüchen in verschiedenen Browsern. Also habe ich mir die folgende Lösung ausgedacht, die HTML-Zeilenumbrüche verwendet:

    $(".htmleditor").summernote({
      callbacks: {
        // callback for pasting text only (no formatting)
        onPaste: function (e) {
          var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
          e.preventDefault();
          bufferText = bufferText.replace(/\r?\n/g, '<br>');
          document.execCommand('insertHtml', false, bufferText);
        }
      }
    });

Hat es geschafft, einen schrecklichen Hack für IE11 zum Laufen zu bringen. Dies wird leider auch nach einer Einfügeerlaubnis des Benutzers fragen. Wenn jemand einen besseren Vorschlag findet, bin ich ganz Ohr.

var trap = false;
$(document).ready(function () {
    $('#summernote').summernote({
        callbacks: {
            onPaste: function (e) {
                if (document.queryCommandSupported("insertText")) {
                    var text = $(e.currentTarget).html();
                    var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');

                    setTimeout(function () {
                        document.execCommand('insertText', false, bufferText);
                    }, 10);
                    e.preventDefault();
                } else { //IE
                    var text = window.clipboardData.getData("text")
                    if (trap) {
                        trap = false;
                    } else {
                        trap = true;
                        setTimeout(function () {
                            document.execCommand('paste', false, text);
                        }, 10);
                        e.preventDefault();
                    }
                }

            }
        }
    })
})

JSFiddle

In meinem Fall haben alle oben genannten Lösungen nicht funktioniert. Mit diesen habe ich eine Lösung gefunden, die für mich funktioniert.

 $('#title').on('summernote.paste', function(e, ne) {
      var bufferText = ((ne.originalEvent || ne).clipboardData || window.clipboardData).getData('Text');
      ne.preventDefault();
      bufferText = bufferText.replace(/\r?\n/g, '<br>');
      document.execCommand('insertHtml', false, bufferText);
  })

Strg+Umschalt+V ist die einfachste Lösung 😀