在<textarea>标签中添加文本编辑器

最新推荐文章于 2023-04-29 22:42:22 发布

tyzshare

最新推荐文章于 2023-04-29 22:42:22 发布

阅读量4k

点赞数

文章标签： css

本文链接：https://blog.youkuaiyun.com/u010796875/article/details/38405563

版权

.Net学习日记专栏收录该内容

70 篇文章

订阅专栏

本文介绍如何在网站或应用中集成KindEditor编辑器，并通过自定义配置实现富文本编辑功能，包括样式引入、插件设置、上传与文件管理等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载KindEditor编辑器D

引用： <link rel="stylesheet" type="text/css" href="@Url.Content("~/Scripts/Common/kindeditor/themes/default/default.css")" />

编写javascript脚本中添加以下：

///KindEditor文本编辑器
var editor1;
KindEditor.ready(function (K) {
    editor1 = K.create('textarea[name="content1"]', {
        cssPath: '/Scripts/Common/kindeditor/plugins/code/prettify.css',
        uploadJson: '/Scripts/Common/kindeditor/asp.net/upload_json.ashx',
        fileManagerJson: '/Scripts/Common/kindeditor/asp.net/file_manager_json.ashx',
        allowFileManager: true,

       resizetype：0    // 固定高度,不能改变宽高，还有两个值：1,2
        afterBlur: function () { this.sync(); },
        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();
            });
        }
    });
});