为一款新闻发布系统，CuteEditor功能非常强大，支持图片上传、文件下载已经word类似的文字编辑，实在是一款终结者文字编辑器。这里介绍一下如何在.net
web中使用它。
把CuteEditor下载过来以后,看了整整两天,一边查资料,一边看文档,终于让我看个大概明白了,心里那个美啊,呵呵~!
1.
首先我下载的是破解过后的CuteEditor,直接把bin目录下的CuteEditor.dll和NetSpell.SpellChecker.dll文件复制到项目的bin目录下,并引用到自己的项目中~!
2. 复制example.css样式文件和CuteSoft_Client文件夹夹到根目录下
3. 在ASPX文件中添加<%@ Register TagPrefix="CE"
Namespace="CuteEditor" Assembly="CuteEditor"
%>
<CE:Editor id="Editor1"
EditorWysiwygModeCss="example.css" runat="server"
ShowBottomBar="false" AutoConfigure="Simple"
ThemeType="OfficeXP"></CE:Editor>(其中:指定了配置文件Simple,编辑器风格OfficeXP)
4.
选择CuteSoft_Client/CuteEditor/Configuration/AutoConfigure/下相应的Simple.config文件:
|
下面是配置编辑器右键显示的相关菜单
<contextmenu>
<item
name="Editing" value="True"/>
<item
name="Format" value="True"/>
<item
name="Insert" value="False"/>
<item
name="InsertAdvanced" value="True"/>
<item
name="InsertFiles" value="True"/>
<item
name="InsertForms" value="False"/>
<item
name="Relative" value="True"/>
<item
name="Tags" value="True"/>
<item
name="Verbs" value="True"/>
</contextmenu>
以下是设置编辑器工作栏的相关功能是否显示,如要不使用某个功能,直接删除相关的节点就OK了~!
<toolbars>
<item
type="g_start" />
<item
type="dropdown" name="CssClass" RenderItemBorder="true"
text="[[CssClass]]" command="CssClass" />
<item
type="dropdown" name="FormatBlock" RenderItemBorder="true"
text="[[Paragraph]]"
command="FormatBlock" />
<item
type="dropdown" name="FontName" text="[[FontName]]"
command="FontName" />
<item
type="dropdown" name="FontSize" text="[[FontSize]]"
command="FontSize"
/>
<item
type="g_end" />
<item
type="g_start" />
<item
type="image" name="CleanCode" imagename="cleanup"
/>
<item
type="image" name="netspell" imagename="spell"
/>
<item
type="separator" />
<item
type="image" name="Cut" />
<item
type="image" name="Copy" />
<item
type="image" name="Paste" />
<item
type="image" name="PasteText" />
<item
type="image" name="PasteWord" />
<item
type="image" name="Delete" />
<item
type="image" name="FullPage" imagename="fit" hotkey="F12"
/>
<item
type="separator" />
<item
type="image" name="Undo" />
<item
type="image" name="Redo" />
<item
type="separator" />
<item
type="image" name="Break"/>
<item
type="image" name="InsertParagraph" imagename="Paragraph"
/>
<item
type="separator" />
<item
type="image" name="ImageGalleryByBrowsing" imagename="image"
/>
<item
type="image" name="InsertImage" imagename="eximage"
/>
<item
type="image" name="InsertFlash" imagename="flash"
/>
<item
type="image" name="InsertMedia" imagename="media"
/>
<!--
<item
type="image" name="InsertDocument" imagename="document"
/>
<item
type="image" name="InsertTemplate" imagename="template"
/>
-->
<item
type="g_end" />
<item
type="linebreak" />
<item
type="g_start" />
<item
type="image" name="Bold" />
<item
type="image" name="Italic" />
<item
type="image" name="Underline" imagename="under"
/>
<item
type="image" name="StrikeThrough" imagename="strike"
/>
<item
type="image" name="Superscript" />
<item
type="image" name="Subscript" />
<item
type="ForeColor" />
<item
type="BackColor" />
<item
type="separator" />
<item
type="image" name="JustifyLeft" imagename="left"
/>
<item
type="image" name="JustifyCenter" imagename="center"
/>
<item
type="image" name="JustifyRight" imagename="right"
/>
<item
type="image" name="Indent" />
<item
type="image" name="Outdent" />
<item
type="image" name="RemoveFormat" imagename="unformat"
/>
<item
type="g_end" />
<item
type="g_start" />
<item
type="table" />
<item
type="image" name="BoxFormatting" imagename="box"
/>
<item
type="image" name="InsertLayer" imagename="layer"
/>
<item
type="image" name="InsertHorizontalRule" imagename="rule"
/>
<item
type="image" name="InsertLink" imagename="link"
/>
<item
type="image" name="Unlink" />
<item
type="image" name="InsertAnchor" imagename="anchor"
/>
<item
type="image" name="AbsolutePosition" imagename="abspos"
/>
<item
type="image" name="BringForward" imagename="forward"
/>
<item
type="image" name="BringBackward" imagename="backward"
/>
<item
type="image" name="ToggleBorder" imagename="borders"
/>
<item
type="image" name="DocumentPropertyPage" imagename="page"
/>
<item
type="separator" />
<item
type="image" name="SelectAll" />
<item
type="image" name="SelectNone" />
<item
type="image" name="Help" />
<item
type="holder" name="insertcustombutonhere" />
<item
type="g_end" />
</toolbars>
|
在进行.net网页应用程序的开发过程中，经常会用到在线网页编辑器---cuteEditor5.0。在我看来它是目前最棒的支持.net的在线网页编辑器了！有很多朋友询问关于“cuteEditor5.0中各种组件的大小等属性限制”的问题，现将解决方法拿来与大家分享！
【解决方法】：
==========================
第一步：请依次打开：
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>
========================
将CuteSoft_Client文件夹放在web根目录下。这个文件夹是放了控件图片之类数据。（在2.0下可能要把dialog文件夹里面的getfilethub.aspx删除）
3、在根目录下建立Uploads的文件夹作为上传图片及附件的根目录。
4、example.css放在站点根目录下，它指定了编辑器的样式。
5. 在CS文件中,得到编辑器的值以:string XXX=this.Editor1.Text;