jsf - 使用 CKEditor 代替 PrimeFaces 编辑器

Question

我正在尝试在我的 JSF 应用程序中使用 CKEditor。如何将 CKEditor 的内容放入 backing bean..？

索引.xhtml

<form action=""  method="post">
            <p>
            My Editor:<br />
                <textarea cols="90" rows="20"  id="editor1" name="editor1" value="#{EditorBean.value}"></textarea>
                <script type="text/javascript">
                        CKEDITOR.replace( 'editor1',
                        {
                            uiColor: '#85B5D9'
                        });
                </script>
                <input type="button" value="Clear" name="clear" onclick="clear1()"/>
            </p>
        </form>

BackingBean

@ManagedBean
公共(public)类 EditorBean {

private String value;

public String getValue() {
    return value;
}

public void setValue(String value) {
    this.value = value;
    System.out.println("Content: "+value);
}

}

当我尝试打印该值时，它没有打印。帮我解决这个问题。 PrimeFaces Editor 不支持“插入表格”功能。所以，我想使用CKE。

Answer 1

因为 el 无法评估非 JSF 组件。

将此添加到您的页面:

<h:inputHidden value="#{EditorBean.value}" id="editorValue"/>

和 onblur编辑 textarea使用将值分配给隐藏元素

document.getElementById(editorValue).value = this.value;