5

我正在尝试将 ckeditor 集成到我用 java 编写的带有 play2 的网站中。

现在我下载了 javascript 文件并阅读了示例。

我认为重要的部分是 ckeditor.js

<script type="text/javascript" src="/assets/javascripts/ckeditor.js"></script>

我还使用了样本中完全相同的形式

<form action="sample_posteddata.php" method="post">
        <label for="editor1">
            CKEditor using the <code>docprops</code> plugin and working in the Full Page mode:</label>
        <textarea cols="80" id="editor1" name="editor1" rows="10">&lt;html&gt;&lt;head&gt;&lt;title&gt;CKEditor Sample&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;&lt;/body&gt;&lt;/html&gt;</textarea>
        <script type="text/javascript">
        //<![CDATA[

            CKEDITOR.replace( 'editor1',
                {
                    fullPage : true,
                    extraPlugins : 'docprops'
                });

        //]]>
        </script>
    <p>
        <input type="submit" value="Submit" />
    </p>
</form>

但它不起作用，它只是呈现一个普通的文本区域。我正在使用 twitter bootstrap + jquery 1.7.1。

也许我忽略了一个重要的部分？

在此处输入图像描述

4

8 回答 8

7

你只需要使用这个脚本

<script type="text/javascript">
    CKEDITOR.replace("editor1");
</script>
于 2013-07-13T05:50:01.697 回答
1

如果您在设置 ckeditor 时遇到问题，可能是您的页面加载缓慢。显示您需要调用 CKEDITOR.replace("editor1")。当你使用backbone.js 时，你会遇到这个问题。希望以下的旅行对你有所帮助。

代码

 jQuery(document).ready(function() {
  CKEDITOR.replace("editor1")
 });
于 2014-07-18T14:24:25.497 回答
0

如果 ckeditor.js 文件的源路径不正确，那么您可能会收到错误“CKEDITOR not defined”。试试这个.....

 <script type="text/javascript" src="../assets/javascripts/ckeditor.js"></script>
于 2013-11-25T05:13:32.693 回答
0

我遇到了类似的问题，CKEDITOR.basePath如果您在控制台中查看并看到类似的错误，则它与属性有关Uncaught TypeError: Cannot set property 'dir' of undefined，这意味着您必须将 basePath 属性设置为正确的位置...。

于 2014-11-07T08:39:09.667 回答
0

我找到了完全相同的条件，看起来元素需要具有 id 属性才能工作

于 2015-03-08T14:38:46.117 回答
0

我认为您需要的不仅仅是 ckeditor.js。也添加这些资源，它应该可以工作。

<link rel="stylesheet" href="assets/css/ckeditor/contents.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ckeditor/skins/boostrap/editor_gecko.css" rel="stylesheet">
<script src="assets/js/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="assets/js/ckeditor/styles.js" type="text/javascript"></script>
<script src="assets/js/ckeditor/config.js" type="text/javascript"></script>
<script src="assets/js/ckeditor/lang/en.js" type="text/javascript"></script>
于 2015-10-04T23:55:32.417 回答
0

我得到了解决方案，它在您的视图的控制器内工作，您应该在控制器代码中发布您的脚本代码

于 2016-07-20T08:14:05.110 回答
0

当仅包含 ckeditor.js 不起作用时，这几乎是您所需要的：

<script>
            var CKEDITOR_BASEPATH = window.location.origin + '/.../CKEditor/';
</script>

它在此处的文档中进行了描述：http ://docs.ckeditor.com/#!/guide/dev_basepath

当我把它放在我的html的头部时，这解决了我的问题。

于 2017-03-16T11:49:06.897 回答