kindeditor编辑器插入编程代码

上面为图片展示！你希望在自己建造的个人技术博客中加入代码高亮吗？

接下来直接看操作及代码。大家跟着做就可以了。不知道kindeditor怎么用

请看我发布的kindeditor用法

引入JS

<script charset="utf-8" src="/editor/kindeditor/Adminkindeditor.js"language="javascript" type="text/javascript"></script>
<link href="/editor/kindeditor/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script charset="utf-8" src="/editor/kindeditor/plugins/code/prettify.js" language="javascript" type="text/javascript"></script> 

加载编辑器

var editor1;
KindEditor.ready(function (K) {
    editor1 = K.create(#ABody, {
        cssPath: /editor/kindeditor/plugins/code/prettify.css,
        uploadJson: /editor/kindeditor/asp.net/upload_json.ashx,
        fileManagerJson: /editor/kindeditor/asp.net/file_manager_json.ashx,
        allowFileManager: true
    });
    prettyPrint();
});

HMTL里面的编辑器

<textarea id="ABody" cols="100" rows="8" style="width: 580px; height: 280px; visibility: hidden;"></textarea>