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。