KindEditor的使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了KindEditor的使用相关的知识,希望对你有一定的参考价值。

@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<meta name="viewport" content="width=device-width" />
<link href="~/Content/bootstrap.css" rel="stylesheet" />
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script src="~/Scripts/bootstrap.min.js"></script>
<script src="~/Scripts/kindeditor-4.1.10/kindeditor-min.js"></script>
<script src="~/Scripts/kindeditor-4.1.10/lang/zh_CN.js"></script>
<title>Index</title>
</head>
<body>
<div class="container">
<form>
<textarea name="content" style="width:800px;height:400px;visibility:hidden;">KindEditor</textarea>
<input type="button" name="getHtml" value="取得HTML" />
</form>
</div>

<script type="text/javascript">
var editor;
KindEditor.ready(function (K) {
editor = K.create(‘textarea[name="content"]‘, {
allowFileManager: true
});
K(‘input[name=getHtml]‘).click(function (e) {
alert(editor.html());
});

});
</script>
</body>
</html>

以上是关于KindEditor的使用的主要内容,如果未能解决你的问题,请参考以下文章

Springboot中使用kindeditor富文本编辑器

kindeditor,kindeditor编辑内容无法保存,并且无法上传图片或者文件

转载kindeditor API ,kindeditor使用手册,kindeditor函数,kindeditor使用,超级大收集

ASP.NET配置KindEditor文本编辑器-图文实例

kindeditor直接粘贴图片实现

KindEditor 等在线编辑器是怎么实现支持 WORD 的粘贴的?