2016-05-30 13 views
2

hereのように、JSFアプリケーションでprimefaces-extensions ckEditorを使用しようとしています。私は私のpom.xmlに依存関係を追加しました:これは私の見解はどのように見えるかですPrimefaces-extensions ckeditor - ツールバーがありません

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

@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 
} 

残念ながら、私は」することができます:

<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> 

これは、コントローラ(管理対象Bean)でありますツールバーが表示されますが、テキスト入力エリアのみが表示されます。

Missing toolbar in ckEditor

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) 

は、問題を引き起こす可能性がありますか?何か不足していますか?

+1

あなたは、コンソール内の任意のjavascriptのエラーを見ることができますか? – tak3shi

+0

@ tak3shi:はい!申し訳ありませんが、私は転記する前にそれをしていたはずです。しかし、私はまだそれがなぜ起こるのか分からない。手伝ってくれますか?私のポストを更新しました。 – John

+0

もう1つのヒントがサーバーログにあります: 'リソース、ckeditor/ckeditor.jsをライブラリ、primefaces-extensionsから見つけることができません。 ' –

答えて

2

次の依存関係を追加します。

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

ありがとうtak3shi!私はこれを逃していた。 – John

+0

なぜこれはショーケースの最初の行ではないのですか? 6.0.0ではこれも必要です。 –

関連する問題