tinymce编辑器。 按钮不显示

Question

即时消息，我试图像本教程中一样使用此编辑器http://kpachar.blogspot.de/2010/06/tinymce-as-jsf-2-composite-component.html不幸的是，它对我不起作用。 我可以看到文本区域，但没有可编辑的按钮。

我将编辑器放在不同地方的同一项目中，但是在一个地方可以使用，而在另一个地方则不能。

我尝试使用不同的浏览器，到处都遇到相同的问题。 Firebug表明包含了即时消息调用脚本，并且警报证明了这一点。

我称之为的脚本：

<composite:implementation>
    <h:outputScript name="tiny_mce/tiny_mce.js" target="head"/>
    <h:outputScript name="editors/tinymce_init.js" />
    <h:inputTextarea id="textarea" value="#{cc.attrs.value}" rows="5" cols="80"
        styleClass="tinymce" />
</composite:implementation>

但是无法加载脚本tiny_mce.js调用的脚本。

Failed to load: http://localhost:8080/SOCIATO_Testcommunity/javax.faces.resource/tiny_mce/langs/en.js

Failed to load: http://localhost:8080/SOCIATO_Testcommunity/javax.faces.resource/tiny_mce/themes/simple/editor_template.js

这两个文件都在“ resources”文件夹中，但是服务器尝试在“ javax.faces.resource”中找到它们。 其他文件（由outputScript调用）会自动找到此文件。 如何告诉服务器在哪里可以找到tiny_mce调用的这种密码？

有什么主意吗？

Answer 1

它们相对于原始脚本的位置已解析，并且它们的URL需要与FacesServlet的URL模式匹配，因此需要附加的.jsf或.xhtml后缀。 基本上，您需要编辑TinyMCE JS源代码，以修复从中加载这些依赖项的URL。 仅通过<script>而不是<h:outputScript>包含它们可能更容易。

<script src="#{request.contextPath}/resources/tiny_mce/tiny_mce.js" />
<script src="#{request.contextPath}/resources/editors/tinymce_init.js" />

或者只是采用已经为您解决了这一问题的组件库，例如PrimeFaces或RichFaces。