文字编辑器FCKeditor 简介以及基本配置和使用方法

  • A+
所属分类:日照网站建设

  什么是FCKeditor

  FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。

  FCKeditor 相容于绝大部分的网页浏览器,像是 : Internet Explorer 5.5+ (Windows)、Mozilla Firefox 1.0+、Mozilla 1.3+ 和 Netscape 7+。在未来的版本也将会加入对 Opera 的支援。

  如何安装以及如何在asp.net中配置FCKeditor

  一、相关资料

  官方网站http://www.fckeditor.net/

  官方文档http://wiki.fckeditor.net/

  下载地址http://www.fckeditor.net/download/default.html

  官方演示http://www.fckeditor.net/demo/default.html

  二、拷贝核心文件并添加组件

  解压FCKeditor_2.6.4.zip文件,将fckeditor文件夹拷贝到项目中;解压FCKeditor.Net_2.6.3.zip文件,将bin/Debug/2.0下的FredCK.FCKeditorV2.dll添加到项目引用中,并在.net中的工具箱中添加(具体方法不再细述)

  三、删除不必要的文件

  从官方下载下来的FCKEditor2.6大小有3.61M左右(解压后),其实有很多文件对于只用ASP.NET的来讲是不需要的,我们可以删除不必要的文件:

  1.根目录下除editor目录、fckconfig.js、fckeditor.js fckstyles.xml fcktemplates.xml 这几个保留,其余的全部删除

  2.editorfilemanagerconnectors目录中除aspx目录外全部删除

  3.editorlang目录中除en.js、zh.js 、zh-cn.js外全部删除

  4.删除_samples目录,当然如果你想看示例,就不要删除这个目录了。

  四、配置上传路径

  编辑FCKeditor/editor/filemanager/connectors/aspx/config.ascx 中修改

  private bool CheckAuthentication()

  {

  // WARNING : DO NOT simply return "true". By doing so, you are allowing

  // "anyone" to upload and list the files in your server. You must implement

  // some kind of session validation here. Even something very simple as...

  //

  // return ( Session[ "IsAuthorized" ] != null &&(bool)Session[ "IsAuthorized" ] == true );

  //

  // ... where Session[ "IsAuthorized" ] is set to "true" as soon as the

  // user logs in your system.

  return true; //原来这里是 false;不过还是建议看看上面的警告

  }

  (警告的意思大概是说,如果简单的设置为true会让所有访问者都能上传和浏览服务器,造成危险。这里是用c#写的,我觉得应该可以自己写代码判断下,当然我还没写)

  在SetConfig方法中设置

  UserFilesPath = "~/Upload/FCKEditor";//我这里设置在了网站根目录下的Upload/FCKEditor目录中,根据实际情况和个人喜好而定。

  部分配置中文解释

  AutoDetectLanguage=true/false 自动检测语言

  BaseHref="" 相对链接的基地址

  ContentLangDirection="ltr/rtl" 默认文字方向

  ContextMenu=字符串数组,右键菜单的内容

  CustomConfigurationsPath="" 自定义配置文件路径和名称

  Debug=true/false 是否开启调试功能,这样,当调用FCKDebug.Output()时,会在调试窗中输出内容

  DefaultLanguage="" 缺省语言

  EditorAreaCss="" 编辑区的样式表文件

  EnableSourceXHTML=true/false 为TRUE时,当由可视化界面切换到代码页时,把HTML处理成XHTML

  EnableXHTML=true/false 是否允许使用XHTML取代HTML

  FillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代

  FontColors="" 设置显示颜色拾取器时文字颜色列表

  FontFormats="" 设置显示在文字格式列表中的命名

  FontNames="" 字体列表中的字体名

  FontSizes="" 字体大小中的字号列表

  ForcePasteAsPlainText=true/false 强制粘贴为纯文本

  ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体

  FormatIndentator="" 当在源码格式下缩进代码使用的字符

  FormatOutput=true/false 当输出内容时是否自动格式化代码

  FormatSource=true/false 在切换到代码视图时是否自动格式化代码

  FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容

  GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记

  IeSpellDownloadUrl=""下载拼写检查器的网址

  ImageBrowser=true/false 是否允许浏览服务器功能

  ImageBrowserURL="" 浏览服务器时运行的URL

  ImageBrowserWindowHeight="" 图像浏览器窗口高度

  ImageBrowserWindowWidth="" 图像浏览器窗口宽度

  LinkBrowser=true/false 是否允许在插入链接时浏览服务器

  LinkBrowserURL="" 插入链接时浏览服务器的URL

  LinkBrowserWindowHeight=""链接目标浏览器窗口高度

  LinkBrowserWindowWidth=""链接目标浏览器窗口宽度

  Plugins=object 注册插件

  PluginsPath="" 插件文件夹

  ShowBorders=true/false 合并边框

  SkinPath="" 皮肤文件夹位置

  SmileyColumns=12 图符窗列数

  SmileyImages=字符数组 图符窗中图片文件名数组

  SmileyPath="" 图符文件夹路径

  SmileyWindowHeight 图符窗口高度

  SmileyWindowWidth 图符窗口宽度

  SpellChecker="ieSpell/Spellerpages" 设置拼写检查器

  StartupFocus=true/false 开启时FOCUS到编辑器

  StylesXmlPath="" 设置定义CSS样式列表的XML文件的位置

  TabSpaces=4 TAB键产生的空格字符数

  ToolBarCanCollapse=true/false 是否允许展开/折叠工具栏

  ToolbarSets=object 允许使用TOOLBAR集合

  ToolbarStartExpanded=true/false 开启是TOOLBAR是否展开

  UseBROnCarriageReturn=true/false 当回车时是产生BR标记还是P或者DIV标记

  自定义工具条

  /* Source="页面源码"

  DocProps="页面属性"

  Save="保存"

  NewPage="新建"

  Preview="预览"

  Templates="模版"

  Cut="剪切"

  Copy="拷贝"

  Paste="粘贴"

  PasteText="粘贴为无格式的文本"

  PasteWord="粘贴Word格式"

  Print="打印"

  SpellCheck="拼写检查,要装插件"

  Undo="撤消"

  Redo="重做"

  Find="查找"

  Replace="替换"

  SelectAll="全选"

  RemoveFormat="清除格式(清除现在文本的格式)"

  Form="表单域"

  Checkbox="复选"

  Radio="单选"

  TextField="单行文本"

  Textarea="多行文本"

  Select="列表"

  Button="按钮"

  ImageButton="图像区域"

  HiddenField="隐藏域"

  Bold="加粗"

  Italic="倾斜"

  Underline="下划线"

  StrikeThrough="删除线"

  Subscript="下标"

  Superscript="上标"

  OrderedList="删除/插入项目列表"

  UnorderedList="删除/插入项目符号"

  Outdent="减少缩进"

  Indent="增加缩进"

  JustifyLeft="左对齐"

  JustifyCenter="居中对齐"

  JustifyRight="右对齐"

  JustifyFull="分散对齐"

  Link="链接"

  Unlink="删除链接"

  Anchor="插入/删除锚点"

  Image="上传图片"

  Flash="上传动画"

  Table="插入表格"

  Rule="插入水平线"

  Smiley="插入表情"

  SpecialChar="插入特殊字符"

  PageBreak="插入分页符"

  Style="样式"

  FontFormat="格式"

  FontName="字体"

  FontSize="大小"

  TextColor="字体颜色"

  BGColor="背景色"

  FitWindow="全屏编辑"

  About="关于我们"

  */

  示例:

  FCKConfig.ToolbarSets["Default"] = [//Default工具条的名称

  [’Source’,’DocProps’,’-’,’Save’,’NewPage’,’Preview’,’-’,’Templates’],

  [’Cut’,’Copy’,’Paste’,’PasteText’,’PasteWord’,’-’,’Print’,’SpellCheck’],

  [’Undo’,’Redo’,’-’,’Find’,’Replace’,’-’,’SelectAll’,’RemoveFormat’],

  [’Form’,’Checkbox’,’Radio’,’TextField’,’Textarea’,’Select’,’Button’,’ImageButton’,’HiddenField’],

  ’/’,

  [’Bold’,’Italic’,’Underline’,’StrikeThrough’,’-’,’Subscript’,’Superscript’],

  [’OrderedList’,’UnorderedList’,’-’,’Outdent’,’Indent’],

  [’JustifyLeft’,’JustifyCenter’,’JustifyRight’,’JustifyFull’],

  [’Link’,’Unlink’,’Anchor’],

  [’Image’,’Flash’,’Table’,’Rule’,’Smiley’,’SpecialChar’,’PageBreak’],

  ’/’,

  [’Style’,’FontFormat’,’FontName’,’FontSize’],

  [’TextColor’,’BGColor’],

  [’FitWindow’,’-’,’About’]

  ] ;

  • 打赏付款码
  • 微信扫一扫打赏
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin