📌  相关文章
📜  RichFaces Rich：Editor

📅  最后修改于: 2021-01-08 12:25:24             🧑  作者: Mango

RichFaces编辑器

RichFaces提供了< rich：editor >组件，该组件用于在HTML页面中创建WYSIWYG编辑器。

< rich：editor >组件基于CKEditor实现。呈现时，一旦页面完全加载，就会在页面上呈现文本区域。

注意：需要视图中存在的组件，并且必须是编辑器的祖先，才能正确呈现资源依赖关系。

样式类和皮肤参数

下表包含样式类和编辑器的相应外观参数。

Class Skin Parameters Mapped CSS properties
.cke_skin_richfaces panelBorderColor border-color
.cke_skin_richfaces .cke_wrapper editorMainBackgroundColor background-color
.cke_skin_richfaces .cke_dialog_body panelBorderColor
generalBackgroundColor 		border-color
background
.cke_skin_richfaces .cke_dialog_title headerBackgroundColor
headerWeightFont 		repeat-x
font-weight
.cke_skin_richfaces .cke_path a, .cke_skin_richfaces .cke_path .cke_empty editorMainTextColor color
.cke_skin_richfaces .cke_button a.cke_on additionalBackgroundColor
panelBorderColor 		background-color
border-color
.cke_skin_richfaces .cke_button a:hover, .cke_skin_richfaces .cke_button a:focus, .cke_skin_richfaces .cke_button a:active tabBackgroundColor background-color

例

在下面的示例中，我们正在实现< rich：editor >组件。本示例包含以下文件。

JSF文件

// editor.xhtml




RichFaces Editor Example











Output from Editor


(Updating)

托管豆

//编辑器

import javax.faces.bean.ManagedBean;
import javax.faces.bean.RequestScoped;
@ManagedBean
@RequestScoped
public class Editor {
String textArea;
public String getTextArea() {
return textArea;
}
public void setTextArea(String textArea) {
this.textArea = textArea;
}
}

输出：