Javascript CKEditor-不显示

我正在尝试将ckeditor集成到我的网站中，该网站是用play2用java编写的

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

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

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

但它不起作用，它只是渲染一个普通的文本区域。我正在使用twitter引导+jquery 1.7.1

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

---

您只需使用此脚本即可

<script type="text/javascript">
    CKEDITOR.replace("editor1");
</script>

CKEDITOR.replace（“editor1”）；

如果ckeditor.js文件的源路径不正确，则可能会出现错误“ckeditor not defined”。试试这个

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

---

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

代码

---

我有一个类似的问题，它与属性

CKEDITOR.basePath

有关，如果您在控制台中看到类似

uncaughttypeerror:cannotsetproperty'dir'of undefined

的错误，这意味着您必须将basePath属性设置到正确的位置……

我发现了完全类似的情况，看起来元素需要有id属性才能工作

我想你需要的不仅仅是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>

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

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

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

var CKEDITOR_BASEPATH=window.location.origin+'/…/CKEDITOR/'；

此处的文档中对此进行了描述：

---

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

噢。。是的，

Uncaught ReferenceError:CKEDITOR没有定义

但是CKEDITOR.js工作正常，也许我上传了错误的CKEDITOR.js文件？我的大小是367kbNo，如果你有这个错误，ckeditor.js不能正常工作。验证服务器是否发送了正确的内容，以及您是否已将文件放在调用CKEDITOR.replace之前

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

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