xheditor编辑器上传功能实现

简介: 今天帮一个CSDN上的童鞋解决该问题,还是简单总结一下吧,主要是需要的一些文件,这里已整理上传到CSDN资源中(0分下载)。

今天帮一个CSDN上的童鞋解决该问题,还是简单总结一下吧,主要是需要的一些文件,这里已整理上传到CSDN资源中(0分下载)。


1、xheditor文件下载

http://download.csdn.net/detail/taomanman/3574826


下载后放在根目录下


2、上传配置文件下载

http://download.csdn.net/detail/taomanman/3779192

(PS:

upload.aspx文件中如下行代码 string attachdir ="../upload";//是上传路径,根据实际引用xheditor的页面位置,要进行相应的修改,要不然无法找到位置。

也放在根目录下吧


3、在需要的页面上,引用相应的js文件

<head runat="server">
 ...
    <script src="xheditor-1.1.9/jquery/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="xheditor-1.1.9/xheditor_plugins/ubb.min.js" type="text/javascript"></script>
    <script src="xheditor-1.1.9/xheditor-1.1.9-zh-cn.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $('#tbtmpContent').xheditor({
                upLinkUrl: "upload.aspx", upLinkExt: "zip,rar,txt",
                upImgUrl: "upload.aspx", upImgExt: "jpg,jpeg,gif,png,bmp",
                upFlashUrl: "upload.aspx", upFlashExt: "swf",
                upMediaUrl: "upload.aspx", upMediaExt: "wmv,avi,wma,mp3,mid",
                shortcuts: { 'ctrl+enter': submitForm }
            });
        });
        function submitForm() { $('#form1').submit(); }
    </script>
</head>
<body>
   <form id="form1" method="post" runat="server" enctype="multipart/form-data">
      <asp:TextBox ID="tbtmpContent" TextMode="MultiLine" BorderWidth="0"  runat="server" Width="100%" Height="383px"></asp:TextBox>
  </form>
</body>


相关文章
|
设计模式 Java 数据库连接
只要100行代码,实现文本编辑器中的草稿箱功能
大家都用过网页中的富文本编辑器,编辑器通常都会附带草稿箱、撤销等操作。下面用一段代码来实现一个这样的功能。假设,我们在GPer社区中发布一篇文章,文章编辑的过程需要花很长时间,中间也会不停地撤销、修改,甚至可能要花好几天才能写出一篇精品文章,因此可能会将已经编辑好的内容实时保存到草稿箱。
127 1
|
Shell Linux Apache
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
1715 0
|
前端开发
vue3 中wangEditor富文本编辑器上传图片功能
vue3 中wangEditor富文本编辑器上传图片功能
608 0
|
2月前
|
JavaScript 开发工具 C++
探索 Visual Studio Code:开发者的多功能编辑器
Visual Studio Code(VS Code)是由微软开发的一款免费、开源的轻量级代码编辑器,支持 Windows、Linux 和 macOS。它内置了对多种编程语言的支持,并提供了代码高亮、智能补全、调试和 Git 集成等功能。VS Code 的强大之处还在于其丰富的插件生态系统,通过安装插件可以进一步扩展功能。此外,用户还可以通过定制设置来自定义编辑器的行为和外观,从而提升开发效率。本文将详细介绍 VS Code 的核心特性、推荐插件及定制化设置方法。
|
24天前
|
前端开发 开发者
大模型代码能力体验报告之贪吃蛇小游戏《二》:OpenAI-Canvas-4o篇 - 功能简洁的文本编辑器加一点提示词语法糖功能
ChatGPT 的Canvas是一款简洁的代码辅助工具,提供快速复制、版本管理、选取提问、实时编辑、代码审查、代码转写、修复错误、添加日志和注释等功能。相较于 Claude,Canvas 更加简单易用,但缺少预览功能,适合一般开发者使用。
|
3月前
|
自然语言处理 机器人 API
【Azure 机器人】微软Azure Bot 编辑器系列(4) : 使用语言生成功能[LG: Language Generation] (The Bot Framework Composer tutorials)
【Azure 机器人】微软Azure Bot 编辑器系列(4) : 使用语言生成功能[LG: Language Generation] (The Bot Framework Composer tutorials)
|
3月前
|
自然语言处理 机器人 API
【Azure 机器人】微软Azure Bot 编辑器系列(3) : 机器人对话流中加入帮助和取消按钮功能 (The Bot Framework Composer tutorials)
【Azure 机器人】微软Azure Bot 编辑器系列(3) : 机器人对话流中加入帮助和取消按钮功能 (The Bot Framework Composer tutorials)
|
5月前
|
UED
ONLYOFFICE 桌面编辑器 8.1重磅来袭:全新功能提升您的办公效率
ONLYOFFICE 桌面编辑器 8.1重磅来袭:全新功能提升您的办公效率
|
6月前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
5月前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
71 0