Javascript 如何在页面上显示TinyMCE？

我是jsf新手，我想在我的网页上使用TinyMCE作为富文本编辑器。我遵循了TinyMCE提供的安装说明：

我正在使用netbean作为我的IDE。我把tiny_mce文件夹放在一个名为“资源”的文件夹下，这个文件夹放在-WAR项目文件夹下的“网页”文件夹下

在我的newjsf.xhtml页面中有这个

<h:head>     
    <title>test</title>
    <script src="/resources/tiny_mce/tiny_mce.js" type="text/javascript"></script>

    <script type="text/javascript">
        tinyMCE.init({
            // General options
            mode : "textareas",
            theme : "simple"          
        });
    </script>     

</h:head>
<h:body>
    <h:form id="window">          

        <h:inputTextarea id="field" value="#{test.text}"  />

    </h:form>
</h:body>

}

我在浏览器页面上看到的只是一个普通的文本区域 "" 而不是tinyMCE文本编辑器。javascript会自动用TinyMCE替换纯文本区域，这不是真的吗？还是我错误地指定了tiny_mce.js的路径，以致程序无法找到要加载的.js文件的源？奇怪的是，当我打开newjsf.xhtml页面时，我的glassfish服务器日志没有错误/异常输出。只是TinyMCE是一个普通的文本区域，而不是演示中显示的内容

谢谢大家!

---

我解决了显示问题。这确实是因为我放了一个小文件夹的地方。我尝试模拟包中的示例网页，将.js文件放在一个路径中，该路径具有示例中的相对结构，并显示编辑器。我遇到的新问题是如何将InputExtArea内容传递给managerbean。我有下面两行提交内容

h:inputTextarea值=“#{test.text}” p:commandButton value=“提交”actionListener=“#{test.print}”

方法我的经理Bean

public void print (){
    if (this.text == null) {
        System.out.println("why");
    } else {
        System.out.println(this.text + "i got it");
    }
}   
public String getText() {
    return text;
}
public void setText(String text) {
    System.out.println("setted me!!!!!!!!!" + text);
    this.text = text;
}

当我提交时，服务器输出如下

信息：设置我！！！！！！！！！ 信息：我知道了

---

即使调用setter，我输入的所有内容也不会被捕获。有人能帮我吗？谢谢。

我明白了！只需添加onclick=“tinyMCE.getContent（）”即可将内容传递到managerbean。如果你有更好的建议，请在下面发表

---

info:tinymce隐藏文本区域并在页面中插入内容可编辑iframe您似乎已经在使用PrimeFaces了。你为什么不直接使用它的

？

public void print (){
    if (this.text == null) {
        System.out.println("why");
    } else {
        System.out.println(this.text + "i got it");
    }
}   
public String getText() {
    return text;
}
public void setText(String text) {
    System.out.println("setted me!!!!!!!!!" + text);
    this.text = text;
}