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社区中发布一篇文章,文章编辑的过程需要花很长时间,中间也会不停地撤销、修改,甚至可能要花好几天才能写出一篇精品文章,因此可能会将已经编辑好的内容实时保存到草稿箱。
108 1
|
12月前
|
Shell Linux Apache
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
学习Nano编辑器:入门指南、安装步骤、基本操作和高级功能
1540 0
|
前端开发
vue3 中wangEditor富文本编辑器上传图片功能
vue3 中wangEditor富文本编辑器上传图片功能
464 0
|
前端开发
前端学习案例-WangEdit富文本编辑器增加上传视频功能
前端学习案例-WangEdit富文本编辑器增加上传视频功能
443 0
|
27天前
|
自然语言处理 机器人 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)
|
27天前
|
自然语言处理 机器人 API
【Azure 机器人】微软Azure Bot 编辑器系列(3) : 机器人对话流中加入帮助和取消按钮功能 (The Bot Framework Composer tutorials)
【Azure 机器人】微软Azure Bot 编辑器系列(3) : 机器人对话流中加入帮助和取消按钮功能 (The Bot Framework Composer tutorials)
|
3月前
|
UED
ONLYOFFICE 桌面编辑器 8.1重磅来袭:全新功能提升您的办公效率
ONLYOFFICE 桌面编辑器 8.1重磅来袭:全新功能提升您的办公效率
|
3月前
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
ueditor1.5 百度富文本 编辑器增加字间距功能及按钮
39 0
|
4月前
|
存储 JavaScript 前端开发
笔.COOL,一个功能完备、使用便捷的在线HTML/CSS/JS以及Vue编辑器和作品分享平台
笔.COOL是一个新兴的在线 HTML/CSS/JS 及 Vue 编辑器,提供实时预览和云端存储功能。用户可以随时随地编写和保存代码,同时分享作品给他人预览和学习。它也是一个实用的 BUG 复现工具,支持嵌入编辑器到博客,促进代码交流。社区活跃,适合开发者展示作品、获取灵感和学习。
|
4月前
|
Linux iOS开发 MacOS
Star 10.4k!推荐一款国产跨平台、轻量级的文本编辑器,内置代码对比功能
Star 10.4k!推荐一款国产跨平台、轻量级的文本编辑器,内置代码对比功能

热门文章

最新文章