本文主要是介绍在ASP中 使用 kindeditor-4.1.4编辑器的详细教程,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1、去官网下载最新版本:kindeditor-4.1.4编辑器
下载地址:http://kindeditor.net/down.php
2、将下载的包放在网站根目录下面
4、配置文件图片上传目录,如果目录在UploadFile下
3、配置调用,官方已给出调用文档 asp/deom.asp里面
4、在自己的项目中使用:
<!-- 配置编辑器 -->
<link rel="stylesheet" href="../kindeditor-4.1.10/themes/default/default.css" />
<link rel="stylesheet" href="../kindeditor-4.1.10/plugins/code/prettify.css" />
<script charset="utf-8" src="../kindeditor-4.1.10/kindeditor.js"></script>
<script charset="utf-8" src="../kindeditor-4.1.10/lang/zh_CN.js"></script>
<script charset="utf-8" src="../kindeditor-4.1.10/plugins/code/prettify.js"></script>
<script>KindEditor.ready(function(K) {var editor1 = K.create('textarea[name="Content"]', {cssPath : '../kindeditor-4.1.10/plugins/code/prettify.css',uploadJson : '../kindeditor-4.1.10/asp/upload_json.asp',fileManagerJson : '../kindeditor-4.1.10/asp/file_manager_json.asp',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();});},afterBlur:function(){this.sync();} });var editor2 = K.create('textarea[name="Contentb"]', {cssPath : '../kindeditor-4.1.10/plugins/code/prettify.css',uploadJson : '../kindeditor-4.1.10/asp/upload_json.asp',fileManagerJson : '../kindeditor-4.1.10/asp/file_manager_json.asp',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();});},afterBlur:function(){this.sync();} });var editor3 = K.create('textarea[name="Contentc"]', {cssPath : '../kindeditor-4.1.10/plugins/code/prettify.css',uploadJson : '../kindeditor-4.1.10/asp/upload_json.asp',fileManagerJson : '../kindeditor-4.1.10/asp/file_manager_json.asp',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();});},afterBlur:function(){this.sync();} });prettyPrint();});
</script>
//后台ASP文档
<!-- 编辑器字符过滤 -->
<%
Function htmlspecialchars(str)
str = Replace(str, "&", "&")
str = Replace(str, "<", "<")
str = Replace(str, ">", ">")
str = Replace(str, """", """)
htmlspecialchars = str
End Function
%>
<textarea name="Contentb" style="width:700px;height:400px;visibility:hidden;"><%=htmlspecialchars(htmlData)%></textarea>
<textarea name="Contentc" style="width:700px;height:400px;visibility:hidden;"><%=htmlspecialchars(htmlData)%></textarea>
这篇关于在ASP中 使用 kindeditor-4.1.4编辑器的详细教程的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!