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里面,点按钮,他一下就把数据插入进去拉!!!
主管要给公司的Portal做一个多用户BLOG。感觉博客园就是一个不错的例子。之前也看了不少CuteEditor的介绍。始终没有实践一下。现在赶鸭子上架了。迅速到CuteEditor官方网站下载了一个最新的。然后胡乱搜索了一个Key。就成了不过期的企业版了。(PS. 别找我要Key哈。)看了下Sample,还是挺简单的。
新建一个工程,添加两个新引用CuteEditor.dll和NetSpell.SpellChecker.dll。后面一个是语法检查的包,貌似如果不用这个功能就可以不用加载,不过姑且加上少点意外,重要的一点,要把Key文件(cuteeditor.lic)和CuteEditor.dll文件放在同一个目录下。否则工程运行时会提示过期。
接着,要把CuteEditor的运行必须文件复制过来了,在这里我们只需要复制一个CuteSoft_Client目录过来就可以了。另外特别的一点,因为CE需要用到一个CSS文件,我们要把cs文件夹下面的editor.css文件也拿过来。我是放在了根目录下的CSS文件夹下面,如果放在不同地方,那下面一行代码要改。
好了,在WebForm的cs文件开头部分添加一个声明:

接着在<body>里你需要的位置添加一行调用编辑器的代码,如下:

这样,一个CuteEditor就搭好了。可以运行一下工程看看成果了。十分的简单。
CuteEditor和其他.Net控件没有本质区别,也有很多的属性,这些属性可以在VS.Net的属性编辑里看到。比如可以屏蔽掉HTML代码查看等等。这个就自己去研究研究吧。
CE是目前十分优秀的一个WYSIWYG编辑器(所见即所得),而且整个工程可以在任何位置通过添加上面的一行代码的方法来实现对一个功能强大的编辑器的调用。