Comment faire coller Tinymce en texte brut par défaut

Googlé des milliers de fois, personne ne donne une solution complète sur la façon de faire coller Tinymce en texte brut par défaut et de supprimer toute mise en forme sans cliquer sur le bouton «coller en tant que texte».

Des idées sur la façon de mettre en œuvre cela? ou comment activer automatiquement le bouton "coller comme texte"?

Je vous remercie

EDIT: cette solution est pour la version 3.x, pour la version 4.x lisez la réponse de @Paulo Neves

Le problème est que le plugin Paste réinitialise automatiquement le collage de texte brut à chaque collage. Donc, tout ce que nous devons faire - le faire reculer. Le code suivant devrait vous aider.

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

....
});

La définition de 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;
            });
        }
    }

Alors maintenant, ce sera toujours clair.

Pour le tinyMCE 3X ou 4X, les choses ont un peu changé. maintenant vous pouvez le faire et cela fonctionne très bien.

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

J'ai résolu ce problème avec ce code

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

Je viens de rencontrer celui-ci moi-même et j'ai découvert qu'à partir de TinyMCE 3.4.2, vous pouvez simplement:

paste_text_sticky: true,
paste_text_sticky_default: true

... ce qui était bien.

Je pense que le moyen le plus simple serait le suivant:

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

N'est-il pas préférable d'utiliser:

var ed = tinyMCE.activeEditor;

au lieu de:

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

Pour info, TinyMCE a amélioré cela en l'implémentant comme option par défaut dans le plugin coller. Plus d'infos: http://www.tinymce.com/wiki.php/Plugin:paste

Cependant, ce n'est toujours pas parfait. Voici donc un script qui déclenche également tout 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', '');
            });

        },

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

Sans plug-in: écoutez l'événement de collage, obtenez les données du presse-papiers

Si vous ne pouvez pas ou ne souhaitez pas utiliser un plug-in pour une raison quelconque, vous pouvez créer votre propre fonction de rappel "coller en texte brut" comme ceci:

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

Remarque: il a été créé pour TinyMCE 3.5.x. La compatibilité peut varier selon la version.

si vous utilisez un fichier .yml, ajoutez le plugin pasteetpaste_as_text: true

default:
  plugins:
    - paste
  paste_as_text: true

Je ne suis pas sûr que ce soit possible, car "coller en texte clair" effectue en fait un nettoyage sur le texte avant de l'ajouter à la fenêtre. Si vous collez simplement des données dans la fenêtre, aucune opération ne peut être effectuée. (À moins que vous ne vous soyez connecté au onChangeou à quelque chose), mais ils pourraient finir par corriger du code qui avait déjà été collé et ainsi, le `` double fixer ''.

J'ai fait comme suit:

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

Puis:

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