Javascript Girl
  1. Javascript Girl
  3. TinyMCE – Navigateur Chrome – Impossible de coller des images dans Chrome comme dans FF
Intereting Posts
La nouvelle fenêtre n'ouvre pas comme onglet dans Chrome Faites un lien d'ancrage dans certains pixels au-dessus, où il est lié à Quelles sont les différences actuelles entre jQuery et Prototype? Comment sélectionner une zone polygonale d'une image en utilisant JavaScript / jQuery? JQuery offset renvoie une valeur non valide pour <span> ou en ligne <div> Comment envoyer des données Json de la page Aspx Saisie de mains Websocket Sec-WebSocket-Accepter la valeur d'en-tête est incorrecte Éditeur de base javascript wysiwyg Quels sont les inconvénients de définir des fonctions sur le prototype de cette façon? WebForms ASP.NET Vérifier toutes les cases à cocher dans un GridView en utilisant jQuery v1.9.0 ne fonctionne pas Est-il sécuritaire d'utiliser et de mettre à jour les variables globales dans NodeJS? Modules es2015 – comment nommer les exportations dynamiquement Analyser XML vers JSON dans Amazon Lambda en utilisant des bibliothèques externes js Le retournement de Button de LinkedIn apparition même après utilisation de la fonction done ()? Authentification AngularJS + API RESTful

TinyMCE – Navigateur Chrome – Impossible de coller des images dans Chrome comme dans FF

J'utilise le contrôle de l' éditeur TinyMCE WYSIWYG et, s'il est possible de copier et coller des fractions d'image dans FireFox , il est impossible pour Chrome .

J'ai essayé de passer à TinyMCE ver. 4.0.16 (précédemment avait la version 3.5.8) avec toujours aucun moyen possible de le faire fonctionner.

Quelqu'un at-il pu faire cela?

Exemple de fonctionnement de FireFox:

Entrez la description de l'image ici

Merci d'avance!

J'ai trouvé une solution pour ce problème, et il a été testé à l'aide de Chrome v 47. Voici ce que vous devez faire: 

 function pasteHandler(e) { var cbData; if (e.clipboardData) { cbData = e.clipboardData; } else if (window.clipboardData) { cbData = window.clipboardData; } if (e.msConvertURL) { var fileList = cbData.files; if (fileList.length > 0) { for (var i = 0; i < fileList.length; i++) { var blob = fileList[i]; console.log("Image blob: " + blob); readPastedBlob(blob); } } } if (cbData && cbData.items) { if ((text = cbData.getData("text/plain"))) { // Text pasting is already handled return; } for (var i = 0; i < cbData.items.length; i++) { if (cbData.items[i].type.indexOf('image') !== -1) { var blob = cbData.items[i].getAsFile(); readPastedBlob(blob); } } } function readPastedBlob(blob) { if (blob) { reader = new FileReader(); reader.onload = function(evt) { pasteImage(evt.target.result); }; reader.readAsDataURL(blob); } } function pasteImage(source) { var image = "<img src='" + source + "' data-mce-selected='1'></img>"; window.tinyMCE.execCommand('mceInsertContent', false, image); }}

Dans la méthode init de vous tinyMCE: 

 tinymce.init({ selector: "textarea", // change this value according to your HTML paste_data_images: true, setup: function(editor) { editor.on('paste', pasteHandler) }; })

Je viens de répondre à cette question. Voici un lien vers ma réponse: TinyMCE "coller le bouton" ne fonctionne pas

Au moment de la configuration de Tiny MCE, utilisez ceci pour que Chrome fonctionne: 

 tinymce.init({ selector:'textarea', plugins: [ "image paste" ], paste_data_images: true});