6
votes

HTML 5 glisser-déposer dans l'éditeur WYSIWYG à Firefox

J'ai un éditeur WYSIWYG à l'aide de l'API HTML 5 DROP-DROP pour permettre à l'utilisateur de placer des widgets dans la page, ils sont modifiés. Lorsque l'événement ONDRAP incendie, j'empêche l'événement par défaut et insérez-le du HTML dans l'éditeur qui représente le widget qu'ils inséré. J'utilise exécuteur ("inserthtml", false, html) pour cela dans Firefox.

Cela fonctionne bien dans IE, mais dans Firefox, le HTML n'est pas placé à l'emplacement où il a été chuté. Il est toujours placé à l'emplacement où la sélection précédente était, ce qui me conduit à croire que l'annulation de l'événement Ondrop pour remplacer la chute par défaut annule également le changement de sélection.

Des idées sur la façon de résoudre ce problème?

Merci!


2 commentaires

Salut Avez-vous déjà eu plus de travail à ce sujet? Je cherche un bon défi sur JS ce matin alors que mon cerveau me fait maurer d'autres tâches, alors j'ai pensé que je pourrais demander et fouiller un peu ...


Désolé pour la réponse tardive! Je n'ai pas pu essayer de ces suggestions, mais je doute qu'ils fonctionneront depuis que cela utilise l'API HTML5 Drag-goutte, et non les trucs de glisser-déposer normalement, par exemple Yui propose. J'utilise yui et pas jQuery, donc je ne connais pas JQuery, mais à peu près sûr que Yui drag-goutte n'applique pas de choses HTML5. J'ai finalement résolu le problème en permettant la chute par défaut et en remplaçant le texte déposé avec le texte que je voulais ensuite. Pas content de la solution, mais cela fonctionne pour mon cas.


3 Réponses :


1
votes

Je déteste ce genre de réponses, mais je dois dire que la structure d'événements Dragy Hong & Drop est assez simple. Cela vous permettrait de suivre les objets que vous utilisez et appendez le HTML dont vous parlez rapidement.

Si vous ne connaissez pas cela, je pense que c'est une excellente option pour le type de système dont vous parlez.


0 commentaires

0
votes

Yep, ou Yahoo propose une belle solution, avec des exemples à http: // développeur. yahoo.com/yui/examples/dragdrop/ .


0 commentaires

0
votes