`
yangle926
  • 浏览: 57894 次
  • 性别: Icon_minigender_1
  • 来自: 洛阳
社区版块
存档分类
最新评论

ASP.NET环境下使用KindEditor

    博客分类:
  • .NET
阅读更多
最新版的KindEditor,按照在线文档http://www.kindsoft.net/docs/usage.html试了一下,可以使用,但如果是自己建的文件,不在KindEditor所用的目录下,上传图片就出问题的,调试下。我将KindEditor解压在方案根目录下的editor目录下。
前台:
<link href="editor/themes/default/default.css" rel="stylesheet" type="text/css" />
    <link href="editor/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" charset="utf-8" src="/editor/kindeditor.js"></script>
    <script type="text/javascript" charset="utf-8" src="/editor/lang/zh_CN.js"></script>
    <script type="text/javascript"  charset="utf-8" src="../plugins/code/prettify.js"></script>
    <script type="text/javascript">
        KindEditor.ready(function (K) {
            window.editor = K.create('#editor_id', {
                cssPath: 'editor/plugins/code/prettify.css',
                uploadJson: 'editor/asp.net/upload_json.ashx',
                fileManagerJson: 'editor/asp.net/file_manager_json.ashx',
                allowFileManager: true,
                afterCreate: function () {
                    var self = this;
                    K.ctrl(document, 13, function () {
                        self.sync();
                        K('form[name=form1]')[0].submit();
                    });
                    K.ctrl(self.edit.doc, 13, function () {
                        self.sync();
                        K('form[name=form1]')[0].submit();
                    });
                }
            });
            prettyPrint();
        });
    </script>

upload_json.ashx文件的修改:
        //String aspxUrl = context.Request.Path.Substring(0,context.Request.Path.LastIndexOf("/") + 1);
        String aspxUrl = "/";		
	//文件保存目录路径
	//String savePath = "../attached/";
        string savePath = context.Request.ApplicationPath + "Timages/";

		//文件保存目录URL
		//String saveUrl = aspxUrl + "../attached/";
        String saveUrl = aspxUrl + "Timages/";

测试用的文件文件夹为Timages
使用基本正常,就是上传文件(不是通过图片按钮)之后,在KindEditor的文件管理窗口中看不到,但文件确实已经上传到了指定的文件夹Timages下了。
补充:用KindEditor的文本框在用js处理的时候会出现会出现取不到值的情情况,解决办法是在用js调用前先将文本框的值写一下,$("#txtBoxName").val(editor.html());
分享到:
评论

相关推荐

    富文本编辑框asp.net mvc功能源码kindeditor4

    【标题】"富文本编辑框asp.net mvc功能源码kindeditor4"指的是在ASP.NET MVC框架下,使用KindEditor4这一开源富文本编辑器实现的功能完善的代码示例。KindEditor是一款广泛应用于Web开发中的轻量级、高性能的富文本...

    在ASP.NET中使用KindEditor,并在后台获取值

    在这个教程中,我们将学习如何在ASP.NET环境中集成KindEditor,并在后台获取编辑器中的数据进行处理。 首先,我们需要在ASP.NET项目中引入KindEditor的相关文件。在"KindEditor"文件夹中,通常包含JavaScript和CSS...

    asp.net富文本编辑 kindeditor

    KindEditor则是一款流行的JavaScript富文本编辑器,适用于多种Web开发环境,包括ASP.NET。这款编辑器提供了一种用户友好的界面,允许用户在网页上进行类似Word的文字编辑操作。 富文本编辑器如KindEditor的主要功能...

    asp.net+kindeditor

    在本项目中,"asp.net+kindeditor"已经预先配置好,可以在Visual Studio 2008环境下直接使用,大大简化了开发过程。 首先,ASP.NET是由微软开发的一个用于构建Web应用程序的框架,它基于.NET Framework,提供了强大...

    asp.net版本kindeditor4.1.10

    标题“asp.net版本kindeditor4.1.10”指的是将KindEditor 4.1.10版本集成到ASP.NET应用中的实践或讨论。这个版本的KindEditor可能包含了若干改进和修复,例如性能优化、新功能添加或兼容性调整,旨在提供更好的用户...

    asp.net KindEditor4.0.4 最新在线编辑器(C#)

    KindEditor是一款功能强大的...通过以上知识点,我们可以理解如何在ASP.NET和C#环境下使用KindEditor4.0.4构建功能强大的在线编辑器。这个过程涉及到前端与后端的紧密结合,以及对用户体验和安全性等方面的深入考虑。

    kindeditor添加图片压缩功能(Asp.net版)

    在Asp.net环境中,为了让用户上传的图片在服务器端自动进行压缩,提高网站性能并节省存储空间,我们需要为KindEditor添加图片压缩功能。本项目是作者针对这一需求自行实现的Asp.net版本。 在Asp.net中实现图片压缩...

    Asp.net C# KindEditor 演示项目

    【Asp.net C# KindEditor 演示项目】是一个基于.NET Framework的Web应用程序,它展示了如何在ASP.NET环境中集成并使用KindEditor富文本编辑器。这个项目是为开发者准备的,他们希望在C#后端和ASP.NET前端提供一个...

    KindEditor3.5.1 asp.net 图片上传例子

    今天本人才接触KindEditor,一看得到这个外观漂亮,也是JS写的,觉得比较好用就开始琢磨自己来拿用 但是在用时就发现很多问题! 其中图片上传就是一个 所以就自己写了个Demo研究,现在总算没问题了 这个Demo希望...

    [Asp.Net傻瓜式]KindEditor编辑器.rar

    可以直接把子目录"KindEditor"文件夹打包拷走自己使用。 也可以完全不修改直接使用。总之傻瓜,干净,通俗易懂,完爆全网其它教程,一波三折,好用请给高评价。 如果在母版页不显示,是因为textbox的ID控件被重写...

    asp.net KindEditor 4.1.10 使用方法

    KindEditor 是一套开源的在线... KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 附带本人使用的说明书。

    kindeditor编辑器在asp.net 中使用介绍

    kindeditor编辑器在asp.net 中使用介绍 编辑器功能强大,实现了文本格式,包含图片,视频以及flash以及动态地图的上传实现。上传部分自己总结的常用方法的封装,有不足和不完美之处,希望大家指出来,愿意一起

    kindeditor-4.1.10 asp.net实例

    在这个"kindeditor-4.1.10 asp.net实例"中,我们将深入探讨如何在ASP.NET环境中集成并使用KindEditor。 首先,KindEditor 4.1.10 版本包含了丰富的编辑功能,如文字格式化、图片上传、链接插入、表格操作等,这些...

    .net kindEditor 图片上传实例

    在需要使用KindEditor的ASP.NET页面中,引入KindEditor的JavaScript和CSS文件。例如,在页面的`&lt;head&gt;`部分添加: ```html &lt;link href="Scripts/kindeditor.css" rel="stylesheet" type="text/css" /&gt; ...

    asp.net CKeditor 3 用户自定义控件 解决UpdatePanel下问题

    ### ASP.NET CKeditor 3 用户自定义控件解决UpdatePanel下的问题 #### 一、CKEditor简介 CKEditor是一款功能强大且高度可扩展的在线文本编辑器,在许多网站上都有广泛应用。它支持丰富的文本格式编辑功能,如图像...

    kindeditor在线编辑器(asp.net)

    整合到asp.net里面 主要实现了 原来没有的图片插入功能,里面有详细的说明 希望有对大家有那么点帮助 具体好处就不说了,百度都有 自己用了 真的觉得好才千方百计实现了图片插入功能 KindEditor是一套开源的HTML...

    kindeditor4.x for asp.net完整配置

    在"kindeditor4.x for asp.net完整配置"这个资源中,包含的是KindEditor的最新4.x版本,针对ASP.NET进行了优化和配置,确保开发者能够快速地在.NET环境中集成并使用。此版本可能包含了以下关键组件和特性: 1. **主...

Global site tag (gtag.js) - Google Analytics