在rich:editor中定义不同的风格richfaces

Question

我想在我的 Seam Web 应用程序中添加一个 rich:editor（基于 tinyMCE 的）richfaces 组件，并且在该编辑器上我需要以某种方式传递一个包含 css 类集合的 CSS 文件。因此，编辑特定页面内容的人可以使用 Web 应用程序的所有其他静态部分可用的相同样式。

有人已经遇到过这个问题吗？

这可能吗？如果没有，是否还有其他所见即所得的编辑器可以做到这一点？

---

对不起，我昨天可能没有说得很清楚。

我需要一种将 CSS 类传递给编辑器样式组合框的方法，这样当我创建或编辑 html（使用rich:editor）时，我可以选择一个类（在样式组合框上）来应用到选定的 html 文本。

我在您提供的链接上找到的唯一内容（我已经看到过）是用于定义编辑器实际样式的参数。

感谢您的快速回复，我希望这次我能更好地解释自己。 再次感谢您的快速回复。

谢谢。

Answer 1

我没有使用过rich:editor 组件，但总的来说，Richfaces 有很多方法可以自定义其组件的CSS 类，所有这些都列出了here。每个 Richfaces 组件的外观由许多类决定，这些类在文档中为每个组件列出（请参阅here for rich:editor）。您可以通过三种方式更改组件的外观：

• 定义您自己的皮肤。这是通过定义 .properties 文件并在部署描述符中设置适当的上下文参数来完成的。将使用的 Richfaces CSS 类将具有与以前相同的名称，但现在将具有来自您的 .properties 文件的值。请注意，您的属性文件的每个属性都将在多个 Richfaces 类中重复使用。
• 覆盖应用程序 CSS 文件中的默认 Richfaces 类。因此，您可以在文档中查看您的 Richfaces 组件使用哪些类（或使用 FireBug 检查元素并从那里找出），并通过定义具有完全相同名称和您自己属性的类来覆盖它们。
• 为组件设置您自己的类。组件通常具有大多数组件中的 styleClass、datatable 中的 rowClasses 等属性。因此，如果您可以看到 rich:editor 中的文本是特定类，请在您自己的 CSS 中重新定义该类并部分或完全覆盖它。

通常，文档页面（第二个链接）是更改 Richfaces 组件外观的起点。

干杯！

Answer 2

转到：http://livedemo.exadel.com/richfaces-demo/richfaces/editor.jsf?tab=info&cid=218162