Cara membuat pasta tinymce dalam teks biasa secara default

Mencari di Google ribuan kali, Tidak ada yang memberikan solusi lengkap tentang bagaimana membuat Tinymce paste dalam teks biasa secara default dan menghapus format apapun tanpa mengklik tombol "paste sebagai teks".

Ada ide tentang bagaimana menerapkannya? atau bagaimana cara mengaktifkan tombol "tempel sebagai teks" secara otomatis?

Terima kasih

EDIT: solusi ini untuk versi 3.x, untuk versi 4.x baca jawaban dari @Paulo Neves

Masalahnya adalah plugin Tempel secara otomatis menyetel ulang tempelan teks biasa pada setiap tempel. Jadi yang perlu kita lakukan - mengaturnya kembali. Kode berikut akan membantu.

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

....
});

Definisi 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;
            });
        }
    }

Jadi sekarang akan selalu polos.

Untuk tinyMCE 3X atau 4X hal-hal telah sedikit berubah. sekarang Anda dapat melakukan ini dan berfungsi dengan baik.

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

Saya telah memecahkan masalah ini dengan kode ini

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

Baru saja menemukan yang ini sendiri dan menemukan bahwa pada TinyMCE 3.4.2 Anda dapat dengan mudah:

paste_text_sticky: true,
paste_text_sticky_default: true

... yang bagus.

Saya pikir cara termudah adalah ini:

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

Bukankah lebih baik menggunakan:

var ed = tinyMCE.activeEditor;

dari pada:

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

FYI, TinyMCE telah meningkatkan ini dengan menerapkannya sebagai opsi default di plugin tempel. Info lebih lanjut: http://www.tinymce.com/wiki.php/Plugin:paste

Namun, masih belum sempurna. Jadi berikut ini skrip yang juga menghapus semua HTML:

// 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', '');
            });

        },

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

Tanpa plugin: Dengarkan acara tempel, dapatkan data papan klip

Jika Anda tidak dapat menggunakan atau tidak ingin menggunakan plugin karena alasan apa pun, Anda dapat membuat fungsi callback "tempel sebagai teks biasa" sendiri seperti:

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);
        });
    }
});

Catatan: Ini dibuat untuk TinyMCE 3.5.x. Kompatibilitas dapat berbeda menurut versi.

jika Anda menggunakan file .yml, tambahkan plugin pastedanpaste_as_text: true

default:
  plugins:
    - paste
  paste_as_text: true

Saya tidak yakin ini mungkin, karena "tempel sebagai teks biasa" sebenarnya melakukan pembersihan pada teks sebelum menambahkannya ke jendela. Jika Anda hanya menempelkan data ke jendela, tidak ada operasi yang dapat dilakukan. (Kecuali jika Anda terhubung ke onChangeatau sesuatu), tetapi mereka mungkin akan memperbaiki kode yang telah ditempelkan dan dengan demikian, 'memperbaiki ganda'.

Saya melakukan sebagai berikut:

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;
        });
    }
};

Lalu:

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