CuteEditor编辑器使用设置(宽度,高度,上传,lic)

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

你可能感兴趣的:(CuteEditor编辑器使用设置(宽度,高度,上传,lic))