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

Question

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

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

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

Answer 1

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

http://jqueryui.com/demos/dialog/

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

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