java - 在rich :editor in richfaces定义不同的样式

Question

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

有人遇到过这个问题吗？

这可能吗？如果没有，是否有另一个 WYSIWYG 编辑器可以做这样的事情？

---

抱歉，我昨天可能没有说清楚。

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

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

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

谢谢。

Answer 1

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

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

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

干杯!