2017-07-12 1 views
0

J'ai rencontré un problème étrange, peut-être que vous pouvez m'aider. J'utilise l'éditeur TinyMce wysiwyg. Récemment, j'ai décidé de créer un élément de bloc draggable à l'intérieur du texte éditeurs (pas dans l'interface utilisateur de l'éditeur lui-même, mais à l'intérieur du texte modifiable).Comment faire un bloc personnalisé dans TinyMce et le faire glisser

Nouvel élément est un div avec classe personnalisée, tout fonctionne bien, sauf deux choses. Premièrement, je ne peux pas sélectionner ce nouvel élément avec l'action 'clic'. Lorsque j'essaie de sélectionner ce bloc, l'éditeur sélectionne uniquement le texte qu'il contient. Je dois sélectionner cet élément comme un objet entier pour pouvoir le glisser et le copier/coller, comme des images ou des éléments multimédias à partir de plug-ins standard.

Deuxièmement - pour une raison quelconque, je ne peux pas init pluginable/triable JQuery plugin dans le texte de l'éditeur. Cette fonctionnalité serait très utile, mais je ne trouve aucune référence dans la documentation de TinyMCE. J'ai essayé d'utiliser .draggable() de jquery-ui, mais div est simplement dissapearing après la fin de la traînée.

Voici un exemple: https://codepen.io/Rutori/pen/eRxEox

div ressemble à ceci:

<div class="cooldiv" data-name="Drag me!"></div> 

S'il vous plaît aider.

+0

Salut, Bienvenue à débordement de la pile. S'il vous plaît se référer le lien [demander] pour plus de détails sur la façon de poser une question et mettre à jour votre question en conséquence. –

Répondre

-1

Donc, fondamentalement, vous juste besoin de définir la propriété «contenteditable = « false »»