开发者社区> 暖枫无敌> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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>


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
我的网站搭建: (第十天) Ueditor后台编辑器
    之前说过,我的网站编辑器一开始是tinymce,然后才用的ckeditor。可是最近我发现,ckeditor的小图标不是很美观,看久了有点low的样子。
1920 0
Atom编辑器
有下面几个插件足以。需要的插件:   外加一个php语法检测的插件 linter-php
620 0
PHP Ueditor 富文本编辑器
2016年12月11日 08:46:59 星期日 百度的简版富文本编辑器umeditor很久没更新了 全功能版本的配置项跟umeditor还是有区别的, 这里说下ueditor怎么对接到项目中去, 主要说明图片上传怎么使用 HTML: 1 //承载编辑器 2 3 4 ...
1472 0
HTML编辑器
简述 HTML编辑器是指编辑制作HTML的工具,通过使用编辑器,我们可以自定义窗囗,编辑主题、索引,可选择添搜索页,无任何不自由。 简述 工具推荐 编辑运行 新建 HTML 文件 另存为 HTML 文件 在浏览器中运行 HTML 文件 工具推荐 可以使用专业的HTML编辑器来编辑HTML: Amaya(万维网联盟) Dreamweav
949 0
百度编辑器ueditor的简单使用
    最近刚被分配了以个消息发布的任务,其中用到了富文本编辑器。以前也用过,不过这次我选择的是百度富文本编辑器ueditor1_4_3-utf8-jsp版的。     其实看ueditor功能很强大,不过百度的设计还是很不错的。
1319 0
+关注
625
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载