使用requirejs在textarea标签后加载CKeditor.js

时间:2014-02-06 15:31:22

标签: javascript requirejs ckeditor

CKeditor是一个WYSIWYG编辑器,这里是link

加载它的正确方法是包含

<script src="../ckeditor/ckeditor.js"></script>
...
在标题中

,并将此标记放在正文中。

<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">

它工作得很好,但是当我使用require.js来做它。它不起作用。这是我的main.js(require.js的入口点)

requirejs.config({
    baseUrl: 'js',
    paths: {
        jquery: 'jquery',
        ckeditor: 'ckeditor/ckeditor',
        domReady: 'domReady'
    },
    shim: {
        ckeditor: {
            deps: ['domReady']
        }

    }

});

require(['ckeditor'], function(ck){

});

这是我的index.html

<!DOCTYPE html>
<html manifest="cache.manifest">
    <head>
        <script data-main="js/main" src="js/require.js"></script>
    </head>
    <body>
        <textarea class="ckeditor" name="editor1"></textarea>  
  </body>
</html>

我被困在这里。任何人都可以帮我指出我弄错了吗?谢谢!

1 个答案:

答案 0 :(得分:0)

您应该尝试使用'domReady!'在require表达式中。像这里的指南

http://requirejs.org/docs/api.html#pageload