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里面,点按钮,他一下就把数据插入进去。