Основные интерфейсы ckeditor - отсутствующая панель инструментов

Question

Я пытаюсь использовать расширения-ориентиры ckEditor в приложении JSF, как описано here. Я добавил зависимость к моему pom.xml:

<dependency> 
    <groupId>org.primefaces.extensions</groupId> 
    <artifactId>primefaces-extensions</artifactId> 
    <version>4.0.0</version> 
</dependency> 

Это как мой взгляд выглядит следующим образом:

<p:growl id="editorgrowl" showDetail="true" /> 
<pe:ckEditor id="editor" value="#{mbEditorController.content}" 
    toolbar="[['Cut','Copy','Paste','PasteText','PasteFromWord','-', 'SpellChecker', 'Scayt']]"> 
    <p:ajax event="save" 
     listener="#{mbEditorController.saveListener}" 
     update="editorgrowl" /> 
</pe:ckEditor> 

Это контроллер (управляемый компонент):

@ManagedBean(name = "mbEditorController") 
@ViewScoped 
public class EditorView implements Serializable { 

    private static final long serialVersionUID = 6822767317343704211L; 

    private String content; 

    private String secondContent; 

    public EditorView() { 
     content = "Type in your text here..."; 
     secondContent = "This is a second editor"; 
    } 

    public void saveListener() { 
     content = content.replaceAll("\\r|\\n", ""); 
     final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Content", 
       content.length() > 150 ? content.substring(0, 100) : content); 
     FacesContext.getCurrentInstance().addMessage(null, msg); 
    } 

    public void secondSaveListener() { 
     secondContent = secondContent.replaceAll("\\r|\\n", ""); 
     final FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Second Content", 
       secondContent.length() > 150 ? secondContent.substring(0, 100) : secondContent); 
     FacesContext.getCurrentInstance().addMessage(null, msg); 
    } 

    // getters, setters 
} 

К сожалению, я могу» см. панель инструментов, но только текстовую область ввода, как вы можете видеть на следующем скриншоте:

UPDATE

Существует Javascript ошибка в моей консоли:

http://localhost:8080/MyApp/javax.faces.resource/ckeditor/ckeditor.js.xhtml?ln=primefaces-extensions&v=4.0.0 Failed to load resource: the server responded with a status of 404 (Not Found) 

Что может вызвать проблемы? Я что-то упускаю?

Answer 1

Добавьте следующую зависимость:

<dependency> 
    <groupId>org.primefaces.extensions</groupId> 
    <artifactId>resources-ckeditor</artifactId> 
    <version>4.0.0</version> 
</dependency>