редактор tinymce. кнопки не отображаются

Question

im пытается использовать этот редактор, как в этом уроке http://kpachar.blogspot.de/2010/06/tinymce-as-jsf-2-composite-component.html К сожалению, это не работает для меня. я могу видеть текстовое поле, но нет прав на редактирование.

У меня есть редактор в том же проекте в разных местах, но в одном месте он работает, а с другой - нет.

Я пробовал это с разными браузерами, с той же проблемой во всем мире. Firebug показывает, что скрипты im звонки включены, и предупреждение подтверждает это.

скрипты я называю:

<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 

Оба файла находятся в папке «ресурсы», а сервер пытается найти их в «javax.faces.resource». Другие файлы (f.e., Вызываемые outputScript) находят эти файлы автоматически. Как я могу сказать серверу, где найти эти сценарии, называемые tiny_mce?

Любая идея, пожалуйста?

Answer 1

Они разрешены относительно местоположения исходного сценария, и их URL-адреса должны соответствовать шаблону URL-адреса FacesServlet и, следовательно, необходимо добавить дополнительный .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.