使用KindEditor创建富文本编辑框

最新推荐文章于 2023-05-19 10:41:33 发布

红叶飘飞落

最新推荐文章于 2023-05-19 10:41:33 发布

阅读量1.2k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/yue1183283159/article/details/39397127

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1.下载KindEditor文件包，并放入项目中，并在页面中加入引用

<title>无标题页</title>
    <link rel="stylesheet" href="js/KingEditor/themes/default/default.css" />
   <link rel="stylesheet" href="js/KingEditor/plugins/code/prettify.css" />
   <script type="text/javascript" charset="utf-8" src="js/KingEditor/kindeditor.js"></script>
   <script type="text/javascript" charset="utf-8" src="js/KingEditor/lang/zh_CN.js"></script>
   <script type="text/javascript" charset="utf-8" src="js/KingEditor/plugins/code/prettify.js"></script>
   <script type="text/javascript">
           KindEditor.ready(function(K) {
           var editor1 = K.create('#content1', {
               cssPath : '../plugins/code/prettify.css',
               uploadJson : '../asp.net/upload_json.ashx',
               fileManagerJson : '../asp.net/file_manager_json.ashx',
               allowFileManager : true,
               afterCreate : function() {
                   var self = this;
                   K.ctrl(document, 13, function() {
                       self.sync();
                       K('form[name=example]')[0].submit();
                   });
                   K.ctrl(self.edit.doc, 13, function() {
                       self.sync();
                       K('form[name=example]')[0].submit();
                   });
               }
           });
           prettyPrint();
       });
   </script>