您的位置:首页 > 其它

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

2008-09-10 11:13 696 查看
为一款新闻发布系统,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;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐