asp网站后台里嵌入kindeditor在线编辑器问题

最新推荐文章于 2025-02-26 14:56:09 发布

zhangfeng1133

最新推荐文章于 2025-02-26 14:56:09 发布

阅读量1.6k

点赞数 1

分类专栏： asp文章

本文链接：https://blog.youkuaiyun.com/zhangfeng1133/article/details/47810519

版权

asp文章专栏收录该内容

8 篇文章

订阅专栏

本文详细阐述了如何通过调整HTML结构和引入JavaScript代码来优化富文本编辑器的集成过程，旨在解决特定场景下输入框与富文本编辑器之间的交互问题。通过替换现有IFrame元素的位置，并在页面中直接嵌入JavaScript代码，实现了更流畅的数据同步与提交流程。同时，文章还提供了正确的代码示例和注意事项，以帮助开发者避免常见的集成错误。

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

<IFRAME ID="kindeditor1" SRC="kindeditor/asp/demo.asp?id=nr&style=standard" FRAMEBORDER="0" SCROLLING="no" WIDTH="550" HEIGHT="350"></IFRAME>
位置换一下
<input name="nr" type="hidden" id="nr" value="<%=request.form("nr")%>" />

input 在前面，你先这样试一下，如果还不行，那就是你后台的Asp代码有问题了。

换成下面的。
<input name="nr" type="hidden" id="nr" value="<%=request.form("nr")%>" />
<IFRAME ID="kindeditor1" SRC="kindeditor/asp/demo.asp?id=nr&style=standard" FRAMEBORDER="0" SCROLLING="no" WIDTH="550" HEIGHT="350"></IFRAME>

错误的写法：

<IFRAME ID="kindeditor1" SRC="kindeditor/asp/demo.asp?id=nr&style=standard" FRAMEBORDER="0" SCROLLING="no" WIDTH="550" HEIGHT="350"></IFRAME

正确的写法。直接在网页中写上js代码

注意

1 js中 myform的对应关系

2 bookcontent的对应关系

<form name="myform"  action="">
...n个input...........
<link rel="stylesheet" href="kindeditor-4.1/themes/default/default.css" />
	<link rel="stylesheet" href="kindeditor-4.1/plugins/code/prettify.css" />
	<script charset="utf-8" src="kindeditor-4.1/kindeditor.js"></script>
	<script charset="utf-8" src="kindeditor-4.1/lang/zh_CN.js"></script>
	<script charset="utf-8" src="kindeditor-4.1/plugins/code/prettify.js"></script>
	<script>
		KindEditor.ready(function(K) {
			var editor1 = K.create('textarea[name="bookcontent"]', {
				cssPath : 'kindeditor-4.1/plugins/code/prettify.css',
				uploadJson : 'kindeditor-4.1/asp/upload_json.asp',
				fileManagerJson : 'kindeditor-4.1/asp/file_manager_json.asp',
				allowFileManager : true,
				afterCreate : function() {
					var self = this;
					K.ctrl(document, 13, function() {
						self.sync();
						K('form[name=myform]')[0].submit();
					});
					K.ctrl(self.edit.doc, 13, function() {
						self.sync();
						K('form[name=myform]')[0].submit();
					});
				},
				afterBlur: function(){  
					//利用该方法处理当富文本编辑框失焦之后，立即同步数据
        			 	//KindEditor.sync(".kindeditor") ;
					var self = this;
					self.sync();
   				}
			});
			prettyPrint();
		});
	</script>
<textarea name="bookcontent" style="width:700px;height:200px;visibility:hidden;"><% = Server.HtmlEncode(rs1("bookcontent")) %>
              
</textarea>
</form>