CuteEditor真的是一款很好的web在线编辑器,但是5.0的安装和以前的版本有点不同,5.0的破解版的下载地址是:http://www.seaskyer.net,下载完后解下压缩。
我们在vs2005里面新建个web site吧.然后把CuteEditor添加到工具面板.我们在工具面板里面右键选择choose item,在出来的对话框里面选择browser,找到CuteEditor.dll,一路确定就可以了。
我们再添加个edit.asxp,把工具面板里面的Editor拖到页面上来.这个时候那个授权文件CuteEditor.lic应该也自动的到了bin目录下,如果没有我们必须手动烤进去.这个时候我们如果直接编译的话还是不可以的,会提示错误,因为5.0增加了个EditorImage的功能啊,所以我们必须要把CuteEditor.ImageEditor.dll和NetSpell.SpellChecker.dll(烤这个的原因是默认打开拼写检查)都烤到项目的bin目录下,同时我们也要把解压缩后的CuteSoft_Client目录全部拷贝到应用程序的根目录下.这个时候编译的时候应该没有错误了,如果还出现什么windows集成身份验证的错误,那么我们要修改IIS里面的配置,在iis的这个站点的属性里面有个目录安全性,再点身份验证和访问控制的编辑,把集成windows身份验证前面的小勾打上就是啊.
上面的只是个最简单的安装,还有比如控制CueEditor的显示,已经安全性和那个什么上传的啊,还有控制用户上传的目录啊,或者给每个用户建个他们自己的图片目录啊,还必须要另外设置,如果可能我江另外写下.我们这里现在要开始用Ajax.Net来把CuteEditor的内容插入数据库拉.
关于如何安装Ajax.Net,请见我的另外的一文章:Ajax.Net快速入门.
如何把CueEditor里面的内容用Ajax插入数据库呢?首先关键是获得CuteEditor的客户端ID,这个可以通过<%=Editor1.ClietID%>来获得.再就是如何在客户端获得Editor里面的内容.这个可以使用他的内在的JavaScript API,getHTML(),注意是HTML.下面是一个把CuteEditor的内容插入数据库的一个html按钮代码:
<input id="btnOk" type="button" value="确定" onclick="insertEditor();" />接着是一个js脚本:我们假设Editor的ID是Editor1<script language="javascript" type="text/javascript"><!--function insertEditor(){var editor = document.getElementById('<%=Editor1.ClientID %>');var editorText = editor.getHTML();WDDHY.EditMyPage.InsertEditor(editorText,onComplete);}function onComplete(ret){if(ret.value=="OK"){alert("保存成功!");}else{alert("失败!");}}//--></script>
我们再看服务器段的Ajax方法:
[AjaxPro.AjaxMethod]public string InsertEditor(string insertStr){string connStr = System.Configuration.ConfigurationManager.AppSettings["ConnString"].ToString();SqlConnection conn = new SqlConnection(connStr);string cmdStr = "insert into userContent(this_content,this_name) values(@content,@name)";SqlCommand comm = new SqlCommand(cmdStr,conn);//2005里面给参数赋值简单多拉!!comm.Parameters.AddWithValue("@content", insertStr);comm.Parameters.AddWithValue("@name","pwqzc");conn.Open();try{comm.ExecuteNonQuery();return "OK";}catch{return "BAD";}finally{conn.Close();}