为一款新闻发布系统,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;