Zone de texte ne pas mettre à jour correctement

Question

J'ai une zone de texte WYSIWYG qui se trouve à l'intérieur d'un calque d'onglet jquery créé que lorsque vous cliquez sur soumettre il met à jour un champ dans ma base de données et le reporte dans la zone de texte par valeur.

Cependant, lorsque j'essaie de faire cela, je dois cliquer sur le bouton soumettre une fois puis à nouveau lorsque la page se recharge pour que la valeur soit mise à jour dans la zone de texte.

Ce problème de soumission deux fois ne se produit que lorsque j'ajoute un éditeur WYSIWYG à la zone de texte, il se met à jour correctement lorsqu'il ne s'agit pas d'un éditeur WYSIWYG. J'ai essayé tous les principaux éditeurs WYSIWYG pour voir si c'était l'éditeur mais je commence à penser que la zone de texte dans une zone jquery peut affecter l'éditeur WYSIWYG.

Alors, qu'en pensez-vous?

Answer 1

Vous pouvez simplement rediriger la page lors de la soumission, pour actualiser le contenu de la page. En utilisant un simple en-tête ('Location: /page.php?msg=success'); fonctionnerait bien.

Cette méthode suit également le modèle de conception Post/Redirect/Get.

Je viens de voir à partir de votre exemple que vous avez posté le formulaire avec Ajax avec TinyMCE. TinyMCE n'utilise pas la zone de texte, il crée un iframe avec l'éditeur et le transmet à la zone de texte sur submit. Pour que ces fonctions fonctionnent avec jQuery, vous devez vous assurer que vous utilisez le TinyMCE jQuery plugin. De plus, pour insérer des données dans l'éditeur, vous devrez utiliser une méthode différente de celle juste .html().

$('#content').tinymce().execCommand('mceInsertContent',false,'<b>Hello world!!</b>'); 

Voir la page d'exemple de TinyMCE jQuery pour plus de détails/méthodes.