Standardmäßig wird Tinymce im Klartext eingefügt

Tausende Male gegoogelt, gibt niemand eine vollständige Lösung, wie Tinymce standardmäßig in Klartext eingefügt und Formatierungen entfernt werden können, ohne auf die Schaltfläche "Als Text einfügen" zu klicken.

Irgendwelche Ideen, wie man das umsetzt? oder wie man die Schaltfläche "Als Text einfügen" automatisch aktiviert?

Danke dir

BEARBEITEN: Diese Lösung ist für Version 3.x, für Version 4.x lesen Sie die Antwort von @Paulo Neves

Das Problem ist, dass das Einfügen-Plugin das Einfügen von einfachem Text bei jedem Einfügen automatisch zurücksetzt. Also alles was wir tun müssen - es zurücksetzen. Der folgende Code sollte helfen.

tinyMCE.init({
...
oninit : "setPlainText",
plugins : "paste"

....
});

Die Definition von setPlainText

 function setPlainText() {
        var ed = tinyMCE.get('elm1');

        ed.pasteAsPlainText = true;  

        //adding handlers crossbrowser
        if (tinymce.isOpera || /Firefox\/2/.test(navigator.userAgent)) {
            ed.onKeyDown.add(function (ed, e) {
                if (((tinymce.isMac ? e.metaKey : e.ctrlKey) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45))
                    ed.pasteAsPlainText = true;
            });
        } else {            
            ed.onPaste.addToTop(function (ed, e) {
                ed.pasteAsPlainText = true;
            });
        }
    }

So, jetzt wird es immer klar sein.

Für den tinyMCE 3X oder 4X haben sich die Dinge ein wenig geändert. Jetzt können Sie dies tun und es funktioniert gut.

tinymce.init({
    plugins: "paste",
    paste_as_text: true
});

Ich habe dieses Problem mit diesem Code gelöst

tinyMCE.init({
...
plugins : "paste",
paste_text_sticky : true,
setup : function(ed) {
    ed.onInit.add(function(ed) {
      ed.pasteAsPlainText = true;
    });
  }
....
})

Ich bin gerade auf diesen gestoßen und habe festgestellt, dass Sie ab TinyMCE 3.4.2 einfach:

paste_text_sticky: true,
paste_text_sticky_default: true

... was schön war.

Ich denke, der einfachste Weg wäre folgender:

tinymce.init({
   ...
   paste_as_text: true,
   plugins: "paste",
   ...
});

Ist es nicht besser zu benutzen:

var ed = tinyMCE.activeEditor;

anstatt:

var ed = tinyMCE.get('elm1');

Zu Ihrer Information, TinyMCE hat dies verbessert, indem es als Standardoption im Einfüge-Plugin implementiert wurde. Weitere Informationen: http://www.tinymce.com/wiki.php/Plugin:paste

Es ist jedoch immer noch nicht perfekt. Hier ist also ein Skript, das auch den gesamten HTML-Code auslöst:

// Paste
        paste_auto_cleanup_on_paste : true,
        paste_remove_spans: true,
        paste_remove_styles: true,
        paste_retain_style_properties: false,

        paste_preprocess : function(pl, o) 
        {    // Replace <div> with <p>
            o.content = o.content.replace(/<div>/gi, "<p>");    
            o.content = o.content.replace(/<\/div>/gi, "</p>");
            o.content = o.content.replace(/<\r\n/gi, "\n");
            o.content = o.content.replace(/<\n\n/gi, "\n");
            o.content = o.content.replace(/<\n\n/gi, "\n");

            // Replace empty styles
            o.content = o.content.replace(/<style><\/style>/gi, "");    

            o.wordContent = true;            
        },

        paste_postprocess : function(pl, o) 
        {    //console.log(o.node.innerHTML);
            var ed = pl.editor, dom = ed.dom;

            // Remove all tags which are not <p> or <br>
            tinymce.each(dom.select('*', o.node), function(el) 
            {    if (el.tagName.toLowerCase() != "p" && el.tagName.toLowerCase() != "br") 
                {    dom.remove(el, 1); // 1 = KeepChildren
                    console.log(el.tagName);
                }
                dom.setAttrib(el, 'style', '');
            });

        },

Quelle: http://www.tinymce.com/forum/viewtopic.php?pid=60121#p60121

Ohne Plug-In: Hören Sie sich das Einfügen eines Ereignisses an und rufen Sie die Daten der Zwischenablage ab

Wenn Sie ein Plug-In aus irgendeinem Grund nicht verwenden können oder möchten, können Sie Ihre eigene Rückruffunktion "Als einfachen Text einfügen" wie folgt erstellen:

tinyMCE.init({

    // ...,

    setup: function (editor) {

        // Listen for paste event, add "Paste as plain text" callback
        editor.onPaste.add(function (editor, e) {

            // Prevent default paste behavior
            e.preventDefault();

            // Check for clipboard data in various places for cross-browser compatibility.
            // Get that data as text.
            var content = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');

            // Let TinyMCE do the heavy lifting for inserting that content into the editor.
            editor.execCommand('mceInsertContent', false, content);
        });
    }
});

Hinweis: Dies wurde für TinyMCE 3.5.x erstellt. Die Kompatibilität kann je nach Version variieren.

Wenn Sie eine .yml-Datei verwenden, fügen Sie das Plugin pasteund hinzupaste_as_text: true

default:
  plugins:
    - paste
  paste_as_text: true

Ich bin mir nicht sicher, ob dies möglich ist, da "Einfügen als Klartext" den Text tatsächlich bereinigt, bevor er dem Fenster hinzugefügt wird. Wenn Sie nur Daten in das Fenster einfügen, können keine Vorgänge ausgeführt werden. (Es sei denn, Sie haben sich in das onChangeoder etwas eingehakt ), aber sie könnten am Ende Code einfügen, der bereits eingefügt wurde, und ihn daher doppelt reparieren.

Ich habe folgendes getan:

var pastePlainText = function() {
    // No need to pass in an ID, instead fetch the first tinyMCE instance
    var ed = tinyMCE.get(0); 
    ed.pasteAsPlainText = true;  

    //adding handlers crossbrowser
    if (tinymce.isOpera || /Firefox\/2/.test(navigator.userAgent)) {
        ed.onKeyDown.add(function (ed, e) {
            if (((tinymce.isMac ? e.metaKey : e.ctrlKey) && e.keyCode == 86) || (e.shiftKey && e.keyCode == 45))
                ed.pasteAsPlainText = true;
        });
    } else {            
        ed.onPaste.addToTop(function (ed, e) {
            ed.pasteAsPlainText = true;
        });
    }
};

Und dann:

tinyMCE.init({
    // ...
    plugins: "paste",
    oninit: pastePlainText // Note, without "
    // ...
})