CuteEditor6.0使用详解

CuteEditor6.0使用详解
2009-04-13 00:29

今天对目前比较流行的几个编辑器详细的进行了测试，最后选中了CuteEditor。 FCKeditor是我之前一直在用的编辑器，如果非要给这个编辑器一个评价的话，我绝对会选好！载入速度快，纯JS调用，功能强大。唯一唯一的不足，就是FCKeditor.Net的上传功能，有点死，而且定制麻烦。没办法，我以后的项目会经常用到上传功能，虽然我现在可以花点时间定制下，不过，还是再看下别的编辑器吧！ Tinymce，也有.Net调用方式。可是没有上传功能不说，资料还相当少，对于我这种E文盲来说，太致命了！ FreeTextBox，.Net编辑器，可是功能太一般。虽然上传功能有了，但是定制起来也是麻烦。 WebHtmlEditor，.Net编辑器，功能强大，上传功能定制方便。可是……，调用速度略慢，客户端文件过大，即使精简了，相对于其它编辑器来说，还是大。最新版本是1.7，日期是06年，看来作者这1年多的时间没更新了。 CuteEditor，.Net编辑器，说实在的，在测试之前我并不看好它。我正想着不行就花点时间定制FCKeditor的上传功能好了。没想到它确实让我吃了一惊。调用速度快，功能强大，定制灵活，连上传功能都能随意控制，简直太方便了。最后就选了它！ 跑题了~~哈哈。。。。现在说使用方法。 首先，去http://www.cuteeditor.cn/下载CuteEditor。注意哈，这个并不是官方网站。貌似是爱好者自己建的中文站点，不过有中文破解版的6.0下载。管他呢，用了再说。接着，看下面的步骤： 1.将Bin目录中的CuteEditor.dll、CuteEditor.ImageEditor.dll（EditorImage功能）、CuteEditor.lic（解密文件）、NetSpell.SpellChecker.dll（拼写检查功能）复制到你的项目的Bin目录中。 2.将CuteSoft_Client文件夹复制到你的项目目录中（CuteSoft_Client包含CuteEditor文件夹，放了控件图片和文件之类的数据）。 3.在你的项目的根目录下建立Uploads文件夹作为上传图片及附件的根目录。 4.控件调用么我就不说了，自己看压缩包里的default.aspx，web.config不用加什么哦！ 5.可在CuteSoft_Client\CuteEditor\Configuration\AutoConfigure目录下修改相应的config文件来配置工具栏按钮。 6.可在CuteSoft_Client\CuteEditor\Configuration\Security目录下修改相应的config文件来配置权限。 以下是权限配置文件的中文说明。。。HOHO。 ========================== <?xml version="1.0" encoding="utf-8" ?> <configuration> <security name="RestrictUploadedImageDimension">true</security> //是否限制上传图象尺寸 <security name="OverWriteExistingUploadedFile">false</security> //如果上传的文件已经存在，是否将其覆盖 <security name="AutoResizeUploadedImages">true</security> //是否自动调整上传图象 <security name="MaxImageWidth">1024</security> //上传图象的最大宽度 <security name="MaxImageHeight">768</security> //上传图象的最小宽度 <security name="MaxImageSize">1000</security> //上传图象文件的最大值 <security name="MaxMediaSize">100</security> //上传媒体文件的最大值 <security name="MaxFlashSize">100</security> //上传Flash文件的最大值 <security name="MaxDocumentSize">10000</security> //文档最大值 <security name="MaxTemplateSize">1000</security> //模板最大值 <security name="ImageGalleryPath">~/uploads</security> //图象文件上传路径 <security name="MediaGalleryPath">~/uploads</security> //媒体文件上传路径 <security name="FlashGalleryPath">~/uploads</security> //Flash文件上传路径 <security name="TemplateGalleryPath">~/templates</security> //模板路径 <security name="FilesGalleryPath">~/uploads</security> //文件库路径 <security name="MaxImageFolderSize">102400</security> //图象文件夹最大值 <security name="MaxMediaFolderSize">102400</security> //媒体文件夹最大值 <security name="MaxFlashFolderSize">102400</security> //Flash文件夹最大值 <security name="MaxDocumentFolderSize">102400</security> //文档文件夹最大值 <security name="MaxTemplateFolderSize">102400</security> //模板文件夹最大值 <security name="ThumbnailWidth">80</security> //最小宽度 <security name="ThumbnailHeight">80</security> //最小高度 <security name="ThumbnailColumns">5</security> //最小列数 <security name="ThumbnailRows">3</security> //最小行数 <security name="AllowUpload">true</security> //是否允许上传 <security name="AllowModify">true</security> //是否允许修改 <security name="AllowRename">true</security> //是否允许重命名 <security name="AllowDelete">true</security> //是否允许删除 <security name="AllowCopy">true</security> //是否允许复制 <security name="AllowMove">true</security> <!-- this is rename too --> //是否允许移动 <security name="AllowCreateFolder">true</security> //是否允许创建文件夹 <security name="AllowDeleteFolder">true</security> //是否允许删除文件夹 <security name="ImageFilters"> //这里过滤(设置)图象文件格式 <item>.jpg</item> <item>.jpeg</item> <item>.gif</item> <item>.png</item> </security> <security name="MediaFilters"> //这里过滤(设置)媒体文件格式 <item>.avi</item> <item>.mpg</item> <item>.mpeg</item> <item>.mp3</item> </security> <security name="DocumentFilters"> //这里过滤(设置)文档文件格式 <item>.txt</item> <item>.doc</item> <item>.pdf</item> <item>.zip</item> <item>.rar</item> <item>.avi</item> <item>.mpg</item> <item>.mpeg</item> <item>.swf</item> <item>.jpg</item> <item>.jpeg</item> <item>.gif</item> <item>.png</item> <item>.htm</item> </security> </configuration> ======================== 配置好权限，CuteEditor就可以正常使用了。不错吧。CuteEditor在使用上可谓是非常灵活。剩下的大家慢慢研究吧！ 第一步：请依次打开： CuteSoft_Client/CuteEditor/Configuration/Security 修改“Security”文件夹中的“Default.config”文件即可^^ ========================== 第二步：对Default.config进行常用属性设置： ========================== <?xml version="1.0" encoding="utf-8" ?> <configuration> <security name="RestrictUploadedImageDimension">true</security> //是否限制上传图象尺寸 <security name="OverWriteExistingUploadedFile">false</security> //如果上传的文件已经存在，是否将其覆盖 <security name="AutoResizeUploadedImages">true</security> //是否自动调整上传图象 <security name="MaxImageWidth">1024</security> //上传图象的最大宽度 <security name="MaxImageHeight">768</security> //上传图象的最小宽度 <security name="MaxImageSize">1000</security> //上传图象文件的最大值 <security name="MaxMediaSize">100</security> //上传媒体文件的最大值 <security name="MaxFlashSize">100</security> //上传Flash文件的最大值 <security name="MaxDocumentSize">10000</security> //文档最大值 <security name="MaxTemplateSize">1000</security> //模板最大值 <security name="ImageGalleryPath">~/uploads</security> //图象文件上传路径 <security name="MediaGalleryPath">~/uploads</security> //媒体文件上传路径 <security name="FlashGalleryPath">~/uploads</security> //Flash文件上传路径 <security name="TemplateGalleryPath">~/templates</security> //模板路径 <security name="FilesGalleryPath">~/uploads</security> //文件库路径 <security name="MaxImageFolderSize">102400</security> //图象文件夹最大值 <security name="MaxMediaFolderSize">102400</security> //媒体文件夹最大值 <security name="MaxFlashFolderSize">102400</security> //Flash文件夹最大值 <security name="MaxDocumentFolderSize">102400</security> //文档文件夹最大值 <security name="MaxTemplateFolderSize">102400</security> //模板文件夹最大值 <security name="ThumbnailWidth">80</security> //最小宽度 <security name="ThumbnailHeight">80</security> //最小高度 <security name="ThumbnailColumns">5</security> //最小列数 <security name="ThumbnailRows">3</security> //最小行数 <security name="AllowUpload">true</security> //是否允许上传 <security name="AllowModify">true</security> //是否允许修改 <security name="AllowRename">true</security> //是否允许重命名 <security name="AllowDelete">true</security> //是否允许删除 <security name="AllowCopy">true</security> //是否允许复制 <security name="AllowMove">true</security> <!-- this is rename too --> //是否允许移动 <security name="AllowCreateFolder">true</security> //是否允许创建文件夹 <security name="AllowDeleteFolder">true</security> //是否允许删除文件夹 <security name="ImageFilters"> //这里过滤(设置)图象文件格式 <item>.jpg</item> <item>.jpeg</item> <item>.gif</item> <item>.png</item> </security> <security name="MediaFilters"> //这里过滤(设置)媒体文件格式 <item>.avi</item> <item>.mpg</item> <item>.mpeg</item> <item>.mp3</item> </security> <security name="DocumentFilters"> //这里过滤(设置)文档文件格式 <item>.txt</item> <item>.doc</item> <item>.pdf</item> <item>.zip</item> <item>.rar</item> <item>.avi</item> <item>.mpg</item> <item>.mpeg</item> <item>.swf</item> <item>.jpg</item> <item>.jpeg</item> <item>.gif</item> <item>.png</item> <item>.htm</item> </security> </configuration> ========================

基本属性：

EditorWysiwygModeCss :设置样式

ThemeType :设置风格

AutoConfigure :选择功能是简单还是复杂的

Text :设置加载时候默认内容

MaxHTMLLength :设置最大长度

BreakElement :默认“回车”产生什么HTML

URLType :没发现有什么区别

ResizeMode :自动长度（长度设置的几中形式）

ReadOnly :是否为只读

CustomCulture :设置语言类型 china 为zh-cn

EditCompleteDocument :设置是否完整的HTML页面代码（也就是说是不是包括html头）

AllowPasteHtml :是否允许粘帖HTML代码

EnableContextMenu :在文本里是否显示右键菜单

调用模板 ：

void Page_Load(object sender, System.EventArgs e)

{

if (!IsPostBack)

{

//this.Editor1.Text = "";

//Editor1.LoadHtml("templates/template3.htm");

}

}

控制工具拦显示

在CuteSoft_Client/CuteEditor/Configuration/AutoConfigure 里设置

控制右键显示

CuteSoft_Client/CuteEditor/Configuration/ContextMenuMode里设置

设置权限

CuteSoft_Client/CuteEditor/Configuration/Security里设置

设置工具拦按钮具体功能

CuteSoft_Client/CuteEditor/Configuration/Shared 里设置

设置工具拦按钮具体功能

CuteSoft_Client/CuteEditor/Configuration/Shared 里设置

设置语言

CuteSoft_Client/CuteEditor/Configuration/Languages里设置

感觉 CuteEditor 每处都可以 改变，因为它整体思路都是用摸板，具体体现形式写在配置文件里面。用户修改配置文件或是它提供的属性就可以实现自己的功能！