Comment insérer une image à la position du curseur dans tinymce

Je suis en utilisant un des codes suivants pour récupérer le conent de tinymce.

tinymce_content=tinyMCE.get('txt_area_id').getContent();
updated_content=tinymce_content+"<img src="sample.jpg">";

En utilisant les codes ci-dessus je suis d'insérer l'image à l'intérieur tinymce contenu.

Question: Comment insérer une image dans la position du curseur à l'intérieur de tinymce (ie) Comment prédire la position du curseur et en partager le contenu à insérer l'image entre extraites de contenu.

Merci d'avance

OriginalL'auteur Mohan Ram | 2011-03-04

  1. 20

    Cela va insérer une image nœud à l'endroit (position du curseur) dans un éditeur tinymce

    var ed = tinyMCE.get('txt_area_id');                //get editor instance
var range = ed.selection.getRng();                  //get range
var newNode = ed.getDoc().createElement ( "img" );  //create img node
newNode.src="sample.jpg";                           //add src attribute
range.insertNode(newNode);                          //insert Node
    Grand, chaque fois que je sentais la lutte dans tinymce, je me souviens thariama thank u
    heureux d'avoir pu aider
    Juste pour que cela soit déjà impressionnante de poster un peu plus clair... Pour actualiser l'image et assurez-vous qu'il s'affiche correctement, vous devez vous assurer que votre création de l'élément en tinyMCE DOM pas de la fenêtre DOM. Donc, si votre utilisation de createElement assurez-vous de faire quelque chose comme opener.tinyMCE.selectedInstance.getDoc().createElement.
    et c'est exactement le même que l'ed.getDoc().createElement
    Salut Man, j'ai ajouté une question liée à votre réponse. Pouvez-vous me donner des commentaires. Là est la question. Comment ajouter l'attribut style d'une image ajoutée à la sélection.getRng(); en TinyMCE

    OriginalL'auteur Thariama

  2. 9

    @Thariama réponse a bien fonctionné pour moi dans Chrome, mais pas sous IE. J'ai eu à le modifier à la suivante, pour le faire fonctionner dans les deux navigateurs:

    var ed = tinyMCE.get('txt_area_id');                //get editor instance
var newNode = ed.getDoc().createElement ( "img" );  //create img node
newNode.src="sample.jpg";                           //add src attribute
ed.execCommand('mceInsertContent', false, newNode.outerHTML)

    (C'est à dire a été de me dire que range n'ont pas un insertNode méthode.)

    Les deux solutions ne fonctionnent pas pour moi. Mon IE dit: "SCRIPT16389: Erro não especificado." qui signifie "Erreur non spécifié en anglais... à l'Aide de IE9 et minuscules 3.4
    J'utilise tinymce 4.0 . Il fonctionne très bien dans IE10, mais l'obtention d'erreur suivant dans IE11 SCRIPT16389: fonction Incorrecte. Fichier: tinymce.min.js Ligne: 8, Colonne: 20915 Pouvez-vous svp m'aider.

    OriginalL'auteur tgray