xheditor for net

xhEditor开源HTML编辑器,精简迷你,使用简单,支持Word,基于jQuery,Ajax上传,远程抓图……


For .Net:


配置:

<asp:TextBox ID="txtnewsContent" runat="server"  TextMode="MultiLine"></asp:TextBox>

 

<script src="../Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>

<script src="../xheditor/xheditor-1.1.9-zh-cn.min.js" type="text/javascript"></script>

 

<script type="text/javascript">

     $(function () {

         $('#txtnewsContent').xheditor({ skin: 'o2007blue', tools: 'mfull', urlType: 'rel',   

             upLinkUrl: "../xheditor/upload.aspx", upLinkExt: "zip,rar,txt",

             upImgUrl: "../xheditor/upload.aspx", upImgExt: "jpg,jpeg,gif,png",

             upFlashUrl: "../xheditor/upload.aspx", upFlashExt: "swf",

             upMediaUrl: "../xheditor/upload.aspx", upMediaExt: "avi",

             localUrlTest: /^https?:\/\/[^\/]*?(yxxx\.com)\//i, remoteImgSaveUrl: '../xheditor/saveremoteimg.aspx'

          });

     });

 </script>

 

upload.aspx   saveremoteimg.aspx 两个里面:

 

  string attachdir = "../upload";     // 上传文件保存路径,结尾不要带/

 

完毕!

 

按官方文档设置,是没有上传功能的,可怜在网上找了好久,都是一大篇一大篇代码下来,有耐心看完,没耐心实践了……

仔细查看下载回来的文件,里面有一个demo的包,直接打开里面的index.asp,就会发现demo8.html开始有内置上传功能。

然后就根据demo8.html进行了修改,还蛮简单。

需要到的文件如下:(这些都是1.1.1里面有的)

文件夹:

jquery、xheditor_emot、xheditor_plugins、xheditor_skin、upload

文件:

upload.asp、xheditor-zh-cn.min.js

调用方法:

头部:
<script type="text/javascript" src="jquery/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="xheditor-zh-cn.min.js?v=1.1.1"></script>
<script type="text/javascript">
$(pageInit);
function pageInit()
{
$('#elm1').xheditor({upLinkUrl:"upload.asp",upLinkExt:"zip,rar,txt",upImgUrl:"upload.asp",upImgExt:"jpg,jpeg,gif,png",upFlashUrl:"upload.asp",upFlashExt:"swf",upMediaUrl:"upload.asp",upMediaExt:"wmv,avi,wma,mp3,mid",shortcuts:{'ctrl+enter':submitForm}});
}
function insertUpload(arrMsg)
{
var i,msg;
for(i=0;i<arrMsg.length;i++)
{
   msg=arrMsg[i];
   $("#uploadList").append('<option value="'+msg.id+'">'+msg.localname+'</option>');
}
}
function submitForm(){$('#frmDemo').submit();}
</script>

使用区域:
<textarea id="elm1" rows="30" cols="110" name="wzcontain"><%=rs("wzcontain")%></textarea>

注:以上为asp版,php、.net也类似如此

posted on 2011-08-26 18:23  风乔  阅读(300)  评论(0编辑  收藏  举报

导航