CuteEditor5.0与Ajax.net配合无刷新操作数据库

 

 

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(); }

运行,我们写点 内容到CuteEditor里面,点按钮,他一下就把数据插入进去。(