openWYSIWYG - positionnement dynamique

Question

Je crée une page Web qui comporte différentes zones sur lesquelles vous pouvez cliquer pour modifier le contenu. Je veux le configurer de sorte que lorsque vous cliquez sur une zone, un éditeur OpenWYSIWYG apparaisse au milieu de l'écran avec le reste de la page grisé.

Je l'ai réalisé à l'exception du positionnement de l'éditeur. Lorsque vous cliquez sur une section, j'ai un div avec 50% d'opacité couvrir la page et une zone de texte apparaît au milieu. Mais quand j'essaie d'attacher l'éditeur à la zone de texte, il perd sa position et tombe derrière le div pas devant lui comme le textarea. Est-ce que quelqu'un peut suggérer un moyen de centrer l'éditeur openWYSIWYG?

Answer 1

Vous recherchez un positionnement modal. Voici une solution:

http://jqueryui.com/demos/dialog/#modal-form

Fondamentalement, appliquer le dialogue Jquery à la div qui tient votre WYSIWYG. Ne pas oublier un bouton de soumission.

Juste une petite tête - J'ai été confronté il y a quelques mois à un certain nombre de casse-tête concernant les éditeurs WYSIWYG pour les sites clients. Il semble que cliquer sur le bouton "coller de WORD" était une tâche très difficile à comprendre. Le code collé sur Word peut faire des ravages sur les sites Web, dépassant les champs de texte dans la base de données. Je l'ai essayé sur leur démo (qui ne supporte pas les navigateurs webkit) et le résultat n'était pas joli. Les deux seules options que j'ai trouvées pour résoudre ceci étaient de désinfecter le code sur le backend, ou d'utiliser CKEditor. J'ai choisi ce dernier parce que c'était si facile. Jetez un oeil à CK, c'est un super morceau de code gratuit.