把xheditor配置到网站上

今天在做网站文本编译器的时候，看到CSDN的文本编译器xheditor编译器实用性很强，就自己配置了一下，实现图片上传功能。

1.上官网http://xheditor.com/download下载最新编辑器，然后规划文件目录结构

在js文件下

在xheditor

2.进入demos文件查看使用例子

调用js文件时要按照自己的文件路径设置

<script type="text/javascript" src="js/jquery/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/xheditor-1.1.14/xheditor-1.1.14-zh-cn.min.js"></script>
<script type="text/javascript">
$(pageInit);
function pageInit()
{
$.extend(xheditor.settings,{shortcuts:{'ctrl+enter':submitForm}});
$('#elm1').xheditor({upLinkUrl:"upload.php",upLinkExt:"zip,rar,txt",upImgUrl:"upload.php",upImgExt:"jpg,jpeg,gif,png",upFlashUrl:"upload.php",upFlashExt:"swf",upMediaUrl:"upload.php",upMediaExt:"wmv,avi,wma,mp3,mid"});
}
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>

然后进入里面的upload.php文件配置上传存储路径

$attachDir='upload';//上传文件保存路径，结尾不要带/

最后是效果图