MyFaces 2.0.2 + TinyMCE

Question

我最近正在尝试将TinyMCE集成到我的Myfaces应用程序中。我已经下载并解压了我的webapp文件夹中的TynyMCE。我写了以下代码：

<h:outputScript library="tiny_mce" name="tiny_mce.js" target="head" />
<h:outputScript target="head">
                tinyMCE.init({
                mode : "textareas",
                theme : "advanced",
                theme_advanced_buttons1 : "fullscreen,undo,redo,cleanup,|,formatselect,bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull,bullist,numlist,outdent,indent,|,link,unlink,|,forecolor",
                theme_advanced_buttons2 : "",
                theme_advanced_buttons3 : "",
                theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "none",
                extended_valid_elements : "a[name|href|target|title|onclick],img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name],hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
                width : "100%",
                height : "260"
                 });
</h:outputScript>
<h:inputTextarea id="myTextArea" value="#{aboutBean.aboutInfo}"
                        rows="10" cols="50" style="width: 95%" />

结果，我看到了带仪表的面板，但没有图标。

​

有什么办法解决这个问题吗？

我只想补充说，这段代码是ui:composition的一部分。

Answer 1

您需要将plugin parameter添加到您的配置中。

这可能看起来像这样(确保你在这里包含了你需要的所有插件名称)：

plugins: "preview,save,searchreplace,inlinepopups,paste,wordcount,contextmenu",

Answer 2

当您使用常规的html标记加载tiny_mce.js文件时会发生什么：

<script type="text/javascript" src="#{request.contextPath}/resources/tiny_mce/tiny_mce.js"></script>

我用jsf2和tinymce解决了我的问题，替换了新的jsf2标签