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