CKEditor没有显示任何工具栏

Question

我使用以下代码声明我的CKEditor：

<ckeditor width="600px" id="ckeditorMessage" visible="true" customConfigurationsPath="/styles/js/config.js">                                    
    <attribute name="value">
    </attribute>
</ckeditor>

根据我发现的所有教程，显示CKEditor就足够了。 但是，我的CKEditor就像这样：

我在ZK Framework 7中构建它，CKEditor版本是4。

此错误出现在我的控制台中。希望这个帮助

构建路径中的maven dependecies。那里有ckez：

Answer 1

试试这个， 在.java文件中插入以下代码：

public static CKEditorConfig createConfig() 
{
    CKEditorConfig config = new CKEditorConfig();       
    List<List<String>> list = new ArrayList<List<String>>();
    List<String> subList = new ArrayList<String>();
    subList.add("Source");
    subList.add("-");
    subList.add("Bold");
    subList.add("Italic");
    subList.add("BulletedList");
    list.add(subList);
    config.addConfigValue("toolbar", list);     

    return config;
} 

}

并将其放入您的jsp文件

<% CKEditorConfig textArea = new CKEditorConfig();
    textArea = CKEditor.createConfig();
    textArea.addConfigValue("width", "700");
    textArea.addConfigValue("height", "350");       %>
        <textarea id="txtDescription" name="txtDescription"></textarea>
    <ckeditor:replace replace="txtDescription" basePath="CKEditor/" config="<%=textArea%>"></ckeditor:replace><br><br>

Answer 2

你能试试这个版本吗？

<dependency>
    <groupId>org.zkoss.zkforge</groupId>
    <artifactId>ckez</artifactId>
    <version>4.4.6.1</version>
</dependency> 

Oke，我检查了你的项目，删除了所有冗余的依赖项，它来到了这个POM：

<dependencies>
    <!-- Zkoss dependencies -->
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zk</artifactId>
                     <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zul</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zkplus</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zkbind</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zhtml</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zkmax</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.zk</groupId>
        <artifactId>zkex</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <dependency>
        <groupId>org.zkoss.common</groupId>
        <artifactId>zweb</artifactId>
                    <version>7.0.4</version>
    </dependency>
    <!-- ckeditor -->
    <dependency>
        <groupId>org.zkoss.zkforge</groupId>
        <artifactId>ckez</artifactId>
                    <version>4.4.6.1</version>
    </dependency>
</dependencies>

Zul页面：

<window title="new page title" border="normal" apply="org.zkoss.bind.BindComposer" viewModel="@id('vm') @init('be.chillworld.TestVM')">
    <ckeditor customConfigurationsPath="/js/ckeditor-config.js" value="@bind(vm.text)"></ckeditor>
</window>

文件夹js位于Web Pages。

下

javascript文件的内容：

CKEDITOR.editorConfig = function(config) {
    config.resize_enabled = false;
    config.toolbar = 'Complex';
    config.toolbar_Simple = [[ 'Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink', '-', 'About' ] ];
    config.toolbar_Complex = [[ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript','Superscript', 'TextColor', 'BGColor', '-', 'Cut', 'Copy', 'Paste', 'Link', 'Unlink'],
                              [ 'Undo', 'Redo', '-', 'JustifyLeft', 'JustifyCenter','JustifyRight', 'JustifyBlock' ], 
                              [ 'Table', 'SpecialChar','Styles', 'Format', 'Font', 'FontSize', 'Maximize'] ];
   //config.fontSize_defaultLabel = '12'; // set font size label to 12.
   //config.font_defaultLabel = 'Arial'; // set font family label to arial.
   config.removePlugins = 'elementspath'; // remove bottom bar

};

我在两个ckez版本中都获得了屏幕上完整的ckeditor 现在，使用3.6.0.1时出现javaScript错误，这是我们在4.4.6.1版本中没有的。

现在，我测试了一点，并在ckeditor-config.js中添加了一个错误导致了与您相同的问题=＆gt;没有更多工具栏，但其他js故障。

请尝试发布的ckeditor-config.js文件，并将其放在正确的位置 在developpertools的标签网中看到ckeditor-config.js的状态为200，所以我们知道它已经加载了。
如果这不起作用，请在没有js文件的情况下尝试，这应该会产生一个完整的工具栏。