Определение различных стилей в редакторе rich:edit в richfaces

Я хочу добавить компонент richfaces rich:editor (на основе tinyMCE) в мое веб-приложение Seam, и в этом редакторе мне нужно каким-то образом передать файл CSS с набором классов css. Чтобы кто-то, редактирующий содержимое определенной страницы, мог использовать те же стили, что и для всех остальных статических частей веб-приложения.

Кто-то уже сталкивался с этой проблемой?

Это возможно? А если нет, то есть ли другой WYSIWYG-редактор, который может это сделать?


Извините, я, наверное, не очень ясно выразился вчера.

Что мне нужно, так это способ передать классы CSS в поле со списком стилей редактора, чтобы при создании или редактировании html (используя Rich: Editor) я мог выбрать класс (в поле со списком Стиль) для применения к выбранному html текст.

Единственное, что я нашел по предоставленной вами ссылке (которую я уже видел), - это аргументы, используемые для определения фактического стиля редактора.

Спасибо за быстрый ответ, и я надеюсь, что на этот раз я объяснил себя лучше. Еще раз я ценю быстрый ответ.

Спасибо.


person JGS    schedule 02.08.2010    source источник


Ответы (2)


Я не использовал компонент rich:editor, но в целом у Richfaces есть несколько способов настроить классы CSS своих компонентов, все перечисленные здесь. Внешний вид каждого компонента Richfaces определяется количеством классов, перечисленных для каждого компонента в документации (см. здесь для Rich:editor). Внешний вид компонента можно изменить тремя способами:

  • Определите свою собственную кожу. Это делается путем определения файла .properties и установки соответствующего параметра контекста в дескрипторе развертывания. CSS-классы Richfaces, которые будут использоваться, будут иметь те же имена, что и раньше, но теперь будут иметь значения из вашего файла .properties. Обратите внимание, что каждое свойство вашего файла свойств будет повторно использоваться в ряде классов Richfaces.
  • Переопределите классы Richfaces по умолчанию в файле CSS вашего приложения. Таким образом, вы можете проверить в документации, какие классы использует ваш компонент Richfaces (или проверить элементы с помощью FireBug и узнать оттуда), и переопределить их, определив классы с точно такими же именами и вашими собственными атрибутами.
  • Установите свои собственные классы для ваших компонентов. Компоненты обычно имеют такие атрибуты, как styleClass в большинстве компонентов, rowClasses в datatable и т. д. Итак, если вы видите, что текст в rich:editor является определенным классом, снова определите этот класс в своем собственном CSS и переопределите его частично или полностью.

Как правило, страница документации (вторая ссылка) является отправной точкой для изменения внешнего вида вашего компонента Richfaces.

Ваше здоровье!

person Markos Fragkakis    schedule 03.08.2010

перейдите по адресу: http://livedemo.exadel.com/richfaces-demo/richfaces/editor.jsf?tab=info&cid=218162

person TaherT    schedule 03.08.2010