在richfaces中的rich：editor中定义不同的样式

Question

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

有人已经面临这个问题吗？

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

---

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

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

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

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

感谢。

Answer 1

我没有使用rich：editor组件，但一般来说，Richfaces有很多方法可以自定义组件的CSS类，所有这些都列在here中。每个Richfaces组件的外观由许多类确定，这些类列在文档中的每个组件中（有关rich：编辑器，请参阅here）。您可以通过三种方式更改组件的外观：

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

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

干杯！

Answer 2

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