tornado + kindeditor

KindEditor异步加载实践

最新推荐文章于 2021-02-04 15:21:10 发布

weixin_30439031

最新推荐文章于 2021-02-04 15:21:10 发布

阅读量70

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yeelone/archive/2012/12/04/2801468.html

本文介绍了如何在Tornado框架中实现KindEditor编辑器的异步加载，并详细展示了配置过程及所需使用的脚本文件。

之前在django 中就用的是kindeditor,现在也试着把kindeditor整合到tornado 中。

但是有一点不同的是，我的kindeditor是异步加载的，所以方法会比较不同。

官方参考：http://www.kindsoft.net/ke4/examples/dynamic-load.html

<script charset="utf-8" src="/static/kindeditor/kindeditor.js"></script> 
<script charset="utf-8" src="/static/kindeditor/lang/zh_CN.js"></script> 
<script charset="utf-8" src="/static/kindeditor/plugins/code/prettify.js"></script> 
<script>
    var editor ;
    $.getScript('/static/kindeditor/kindeditor.js',function(){
        KindEditor.basePath = "/static/kindeditor/";
        var options = {  
            cssPath : ('/themes/default/default.css',  
                       '/plugins/code/prettify.css'), 
            width : '600px',  
            height : '100px',  
            filterMode : true,
            uploadJson : KindEditor.undef('/upload'),
            extraFileUploadParams : {
                //csrfmiddlewaretoken:csrftoken
            },
            items :[
                  'code', 'justifyleft', 'justifycenter', 'justifyright',
                  'justifyfull', 'insertorderedlist', 'insertunorderedlist',
                  'superscript','formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
                  'italic', 'underline', 'strikethrough', 'image', 'multiimage',
                  'table',  'emoticons','link',
           ]
           };
        KindEditor.create('textarea[name="body"]',options);
    });
</script>