openWYSIWYG - динамическое позиционирование

Question

Я делаю веб-страницу с различными областями, по которым можно щелкнуть, чтобы изменить содержимое.Я хочу настроить его так, чтобы при нажатии на область в середине экрана появлялся редактор openWYSIWYG, а остальная часть страницы была затенена.

Я добился этого, за исключением позиционированияредактор.Когда вы нажимаете на раздел, у меня появляется div с непрозрачностью 50% на странице, а в середине появляется текстовая область.Но когда я пытаюсь прикрепить редактор к текстовой области, он теряет свою позицию и отстает от div, а не перед ним, как текстовая область.

Кто-нибудь может предложить способ центрирования редактора openWYSIWYG?

Answer 1

Вы ищете модальное позиционирование.Вот одно из решений:

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

По сути, примените Jquery Dialog к div, который содержит ваш WYSIWYG.Не забывайте кнопку отправки.

Просто краткая информация - несколько месяцев назад я пережил немало головной боли, связанной с редакторами WYSIWYG для сайтов, работающих с клиентами.Кажется, что нажать кнопку «вставить из слова» было очень сложной задачей.Вставленный в слова код может нанести ущерб веб-сайтам, заполняя текстовые поля в базе данных.Я попробовал их демо-версию (которая также не поддерживает браузеры, основанные на webkit), и результат не был симпатичным.Единственные два варианта, которые я нашел для решения этой проблемы, заключались в очистке кода на сервере или в использовании CKEditor.Я выбрал последнее, потому что это было так легко.Посмотрите на CK, это отличный кусок бесплатного кода.