Определите различные стили в rich: редактор в richfaces - PullRequest
2 голосов
/ 02 августа 2010

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

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

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


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

Мне нужен способ передать классы CSS в комбинированный список стилей редактора, чтобы при создании или редактировании html (с помощью rich: editor) я мог выбрать класс (в комбинированном списке стилей) для применения. к выделенному HTML-тексту.

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

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

Спасибо.

Ответы [ 2 ]

1 голос
/ 03 августа 2010

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

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

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

Ура!

0 голосов
/ 03 августа 2010
...