百度富文本ueditor之ASP.NET应用杂记
1、最近帮朋友公司做的一个小项目需要编辑文字及上传图片附件等功能,网上对比使用了一下演示版,发现百度ueditor效果不错,于是决定使用ueditor;
2、首先登陆百度Ueditor下载界面http://ueditor.baidu.com/website/download.html#ueditor,下载的是最新版本开发版1.3.6.NET UTF-8版,解压开发包后,文件夹改名ueditor136,并且复制到测试项目ueditorTest中;注意:1.3.6版是基于.net framework4.0框架开发的,必须使用VS STUDIO2010以上的版本才支持;
3、复制后,发现官网下载的版本并不是直接能用,首先虽然图片能上次到服务目录,当时选择的图片发布的时候,生成图片链接不对,HTML文本格式如下,发现多一个“/”斜杠符号,解决办法如下:
<p>
<img title="IMG_20130817_140210.jpg" src="http://localhost:6511/UeditorTest3/ueditor136/net/upload1//6353392529543191692728839.jpg"/>
</p>
找到ueditor目录下的imageManager.ashx文件,代码修成如下就OK;
//目录验证
if (info.Exists)
{
//DirectoryInfo[] infoArr = info.GetDirectories();
//foreach (DirectoryInfo tmpInfo in infoArr)
//{
foreach (FileInfo fi in info.GetFiles())
{
if (Array.IndexOf(filetype, fi.Extension.ToLower()) != -1)
{
str += path + "/" + fi.Name + "ue_separate_ue";
// str += path + "/" + info.Name + "/" + fi.Name + "ue_separate_ue";
}
}
//}
}
4、做完第3个,在开发库框架下已经可以正常发图片、附件等功能了,但是,把WEB网站发布到IIS中,马上发现选择不到保存目录,界面一直提示“正在读取目录”,网上搜了一下,很多人都在这里碰到这个问题,发现有人因为不能解决这个就放弃使用ueditor,转而使用ckeditor,其实解决这个问题很简单,就是把开发目录的下Config.cs Uploader.cs 2个cs文件手工复制到发布后网站对应目录就能解决,问题原因就是因为.cs文件不能随网站一起编译成App_Web**.dll文件,也可能是编译了,ueditor访问不到,这我还没弄明白;
5、经过上面5个步骤,重要能使用ueditor了,功能还是比较强大,好用,关键的问题直接从BAIDU下载后需要直接调试,简单修改,发现问题并且能解决问题,那这个JS控件就真的不错了,我发这篇文章除了记录自己处理过程,也希望对其它人有点参考价值 :),效果如下,
PS,个人觉得ueditor比博客园的文本控件是要好用些;


浙公网安备 33010602011771号