PrimeFaces编辑器用法 _编辑器

本文概述

编辑器属性
Ajax行为事件
例子

PrimeFaces提供了< p：editor> 组件, 该组件用于在JSF应用程序中创建编辑器。我们可以使用此编辑器来获取大量用户输入。该编辑器提供了可用于格式化输入内容的编辑和格式化工具。我们也可以使用它来发送格式化的电子邮件。它包含下表中列出的丰富属性。
编辑器属性

Attribute	Default value	Return type	Description
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的呈现。
value	null	Object	用于设置组件的值。
required	null	Boolean	用于根据需要标记组件。
validator	null	Method Expr	它是一个方法表达式, 它表示对输入进行验证的方法。
height	null	Integer	用于设置编辑器的高度。
width	null	Integer	用于设置编辑器的宽度。
disabled	false	Boolean	用于禁用编辑器。
style	null	String	它用于设置编辑器容器的内联CSS。
onchange	null	String	当编辑器数据更改时, 用于执行脚本。
maxlength	null	Integer	它用于设置原始输入的最大长度。

Ajax行为事件 SelectCeckboxMenu除了常见的dom事件(如change, selectCheckboxMenu)外, 还提供Ajax事件。

Style Class	Applies
.ui编辑器	用于主容器。
.ui编辑器工具栏	适用于编辑器的工具栏。
.ui编辑器组	它适用于按钮组。
.ui-editor-button	用于每个按钮。
.ui-editor-divider	用于分隔线以分隔按钮。
.ui-editor-disabled	它用于禁用编辑器控件。
.ui编辑器列表	它适用于下拉列表。
.ui-editor-color	它适用于颜色选择器。

例子在下面的示例中, 我们正在实现< p：editor> 组件。本示例包含以下文件。
JSF文件
// editor.xhtml

< ?xml version='1.0' encoding='UTF-8' ?> < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> < html xmlns="http://www.w3.org/1999/xhtml"xmlns:h="http://xmlns.jcp.org/jsf/html"xmlns:p="http://primefaces.org/ui"> < h:head> < title> Editor< /title> < /h:head> < h:body> < h2> < /h2> < h:form> < p:editor id="editor" widgetVar="editorWidget" value="http://www.srcmini.com/#{editor.text}" width="600" /> < br/> < p:commandButton value="http://www.srcmini.com/Submit" icon="ui-icon-disk" /> < p:commandButton value="http://www.srcmini.com/Clear" type="button" onclick="PF('editorWidget').clear(); " icon="ui-icon-close" /> < /h:form> < /h:body> < /html>

ManagedBean
// Editor.java

package com.srcmini; import javax.faces.bean.ManagedBean; @ManagedBeanpublic class Editor {private String text; public String getText() {return text; }public void setText(String text) {this.text = text; }}

【PrimeFaces编辑器用法】输出