【HTML】KindEditor编辑器在ASP.NET中使用
2014-09-23 11:15
330 查看
本文大多内容来自KindEditor官网,自己加工理解后做的一个备份。
下载页面: http://www.kindsoft.net/down.php
Note
您可以根据需求删除以下目录后上传到服务器。
asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
jsp - JSP程序
examples - 演示文件
在该HTML页面添加以下脚本。
编辑器使用方法
1. 下载编辑器
下载 KindEditor 最新版本,下载之后打开 examples/index.html 就可以看到演示。下载页面: http://www.kindsoft.net/down.php
2.部署编辑器
解压 kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里Note
您可以根据需求删除以下目录后上传到服务器。
asp - ASP程序
asp.net - ASP.NET程序
php - PHP程序
jsp - JSP程序
examples - 演示文件
3. 修改HTML页面
在需要显示编辑器的位置添加textarea输入框。<textarea id="editor_id" name="content" style="width:700px;height:300px;"> <strong>HTML内容</strong> </textarea>
Note id在当前页面必须是唯一的值。 在textarea里设置HTML内容即可实现编辑,在这里需要注意的是,如果从服务器端程序(ASP、PHP、ASP.NET等)直接显示内容,则必须转换HTML特殊字符(>,<,&,”)。具体请参考各语言目录下面的demo.xxx程序,目前支持ASP、ASP.NET、PHP、JSP。 在有些浏览器上不设宽度和高度可能显示有问题,所以最好设一下宽度和高度。宽度和高度可用inline样式设置,也可用 编辑器初始化参数 设置。
在该HTML页面添加以下脚本。
<script charset="utf-8" src="/editor/kindeditor.js"></script> <script charset="utf-8" src="/editor/lang/zh_CN.js"></script> <script> KindEditor.ready(function(K) { window.editor = K.create('#editor_id'); }); </script>
4. 获取HTML数据
// 取得HTML内容 html = editor.html(); // 同步数据后可以直接取得textarea的value editor.sync(); html = document.getElementById('editor_id').value; // 原生API html = K('#editor_id').val(); // KindEditor Node API html = $('#editor_id').val(); // jQuery // 设置HTML内容 editor.html('HTML内容');
5.设置范例以及使用
地址 : http://kindeditor.net/ke4/examples/default.html6.使用示例 下载
下载地址: 点 我 下 载相关文章推荐
- KindEditor编辑器在ASP.NET中的使用
- ASP.NET一款免费富文本(RichText)编辑器KindEditor,实现在线排版编辑文章。这里简单介绍下如何使用
- 在线html编辑器:Asp.net 在CKEditor中使用CKFinder(CKEditor3.1.2集合CKFinder2.1.1),完美组合
- 在线编辑器 KindEditor 在ASP.NET MVC 中使用
- KindEditor在线HTML文本编辑器在asp.net中的使用
- 在asp.net中KindEditor编辑器的使用总结
- asp.net MVC使用kindeditor编辑器
- ASP.net mvc开发中使用纯html如何创建FCKeditor编辑器的使用
- FCKeditor是使用非常广泛的HTML编辑器,本文从 ASP.NET 的使用场景对 FCKeditor 与 FCKeditor.NET 的配置、功能扩展(如自定义文件上传子目录、自定义文件名、上传图片的后期处理等)、以及安全性进行初步的阐述。
- 在asp.net中KindEditor编辑器的使用总结
- 编辑器kindeditor 在Asp.net中的使用
- KindEditor在线HTML文本编辑器在asp.net中的使用
- asp.net MVC使用kindeditor编辑器
- KindEditor在线HTML文本编辑器在asp.net中的使用
- 在Asp.net MVC中使用Asp.net Ajax --转载http://www.cnblogs.com/Nimeux/archive/2008/08/17/1269907.html
- 技巧和诀窍:使用ASP.NET 2.0 CSS 控件适配器生成CSS友好的HTML输出
- ASP.NET同时上传多个文件,和不使用HTMLFileInput上传的方法(resource about file upload)
- Asp.NET使用HTML控件上传文件
- 几款Asp.net下的Html编辑器