环境:VS2008SP1 + ASP.NET3.5SP1+IE9
xhEditor配置:
只需按照以下简单步骤即可学会使用xhEditor:
下载最新版本xhEditor:http://xheditor.com/download将下载的压缩文件解压缩,上传其中的xheditor-zh-cn.min.js以及xheditor_emot、xheditor_plugins和xheditor_skin三个文件夹到网站相应文件夹中。
注:如果您网站中没有使用jQuery框架,也请一并上传jquery文件夹中的jquery-1.4.2.min.js在需要调用xhEditor编辑器的网页head标签结束之前添加以下代码:
<scripttype="text/javascript"src="/js/jquery-1.4.2.min.js"></script>
<scripttype="text/javascript"src="/js/xheditor-zh-cn.min.js"></script>
注:
jQuery和xhEditor的js文件路径请根据你网站具体路径情况相应修改。
在需要实现可视化的文本框textarea属性中添加: class="xheditor"
例如:
<textarea name="content"class="xheditor">test</textarea>
经过以上步骤,你就已经成功的将xhEditor编辑器安装在你的网页中。
若需要学习更多xhEditor编辑器的使用技术,请参阅:xhEditor进阶使用。
个人实例参照图:
文件夹相对位置
页面代码
编辑器预览
实现的过程中,遇到VS2008调试不显示xhEditor编辑器的问题,解决办法如下:
将网站的虚拟路径改为“/”,如下图: