`
slikel
  • 浏览: 64673 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

FCKeditor 配置

 
阅读更多
在jsp页面调用FCKeditor:
 导入4个包,其中一个核心的jar包:fckeditor-core-java.jar 
 这里面有在jsp页面使用的标签,通过里面的<FCK:editor>这个
 标签来生成FCK在线编辑器.
 Example:
  <FCK:editor instanceName="editorDefault" basePath="/fckeditor" value=" " height="500px" />
  具体配置属性查看文档.
 PS:basePath以'/'开头,并且这个'/'代表当前工程的路径.
    value:一定要设置value属性的值,并且值不能是空字符串.
===================================================
配置FCKeditor中的参数:
 fckeditor下面的fckconfig.js这个文件是FCKeditor的主配置文件.
 可以自定一个配置文件,覆盖主配置文件中的部分配置项.
 
 1.是否自动检测本地语言来显示编辑器
 FCKConfig.AutoDetectLanguage= true ;
 2.默认编辑器显示的语言
 FCKConfig.DefaultLanguage= 'en' ;
 指定FCKeditor使用的配置文件:
 方法一:
  在fckconfig.js中:
  FCKConfig.CustomConfigurationsPath = '/myconfig.js' ;
  设置为自定义的配置配置文件.
  作用域:对所有实例都有效.
 方法二:
  var oFCKeditor = new FCKeditor("fckeditor");
  oFCKeditor.Config["CustomConfigurationsPath"] =  "/myconfig.js"
  作用域:只对当前的实例有效.
 方法三:
  直接修改主配置文件,最好不要这样做.
 PS:都是相对路径. web工程名/文件夹/myconfig.js

 配置文件加载顺序:
  1,加载主配置文件fckconfig.js.
  2,加载自定义的配置文件(如果有),覆盖相同的配置项.
  3,是哦你个实例的配置覆盖相同的配置项(只对当前的实例有效.)
==========================================================================
自定义ToolbarSet(编辑器中的工具集):
 这个是编辑器中的所有功能:
  FCKConfig.ToolbarSets["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','Blockquote','CreateDiv'],
   ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
   ['Link','Unlink','Anchor'],
   ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],
   '/',
   ['Style','FontFormat','FontName','FontSize'],
   ['TextColor','BGColor'],
   ['FitWindow','ShowBlocks','-','About']
  ];
 '/' : 表示换行.
 '-' : 分隔符.编辑器中使用'|'将相邻的两个功能分开.
 需要自己配置一个工具集,可以在自定义的配置文件中配置.
加上几种常用的字体:
 对这个进行修改:
 FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana';
 FCKConfig.FontNames = '宋体;楷体_GB2312;黑体;隶书;Times New Roman;Arial';
回车的模式修改:
 FCKConfig.EnterMode = 'p'; // p | div | br    只能指定这三种
 FCKConfig.ShiftEnterMode = 'br'; // p | div | br  只能指定这三种
表情图片的配置:
 FCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/' ; //表情库路径
 FCKConfig.SmileyImages = ['regular_smile.gif','sad_smile.gif','wink_smile.gif'] ;//添加的图片,配置这个里面.
 FCKConfig.SmileyColumns = 8 ; //列宽 (每个表情之间的距离)
 FCKConfig.SmileyWindowWidth  = 320 ; //点击添加表情时,弹出的选择表情窗口的宽
 FCKConfig.SmileyWindowHeight = 210 ;
 PS:
     FCKConfig.BasePath 为"/fckeditor/editor/" 这个路径
     FCKConfig.EditorPath 为/fckeditor/  这个路径.
 如果表情太多,需要去修改弹出窗口的html文件,让弹出窗口大小适合.
分享到:
评论

相关推荐

    FCKeditor配置方法

    FCKeditor配置方法 如果不懂,这是很好的教材!

    fckeditor配置完美版for asp.net

    fckeditor配置完美版,已经配置好的fckeditor控件,可以直接应用到asp.net项目中,里面有详细的说明文件.

    FCKeditor配置for java

    **FCKeditor配置for Java** FCKeditor是一款流行的开源富文本编辑器,广泛应用于Web开发中,为用户提供类似于Microsoft Word的界面,使用户能够轻松创建和编辑HTML内容。在Java Web开发环境中,集成FCKeditor可以...

    java /jsp FCKeditor 配置

    通过复制粘贴实现FCKeditor 的使用. 看拉大家的留言,为使大家下载多能使用,补充个注意点; 在jsp页面出现FCKeditor 引用错误. 把页面中的下面代码中 id="infoContent" basePath="../../FCKeditor/" width="822" ...

    ASP.NET下FCKeditor配置方法全解

    总的来说,ASP.NET中的FCKeditor配置涉及前端JavaScript的实例化,后端代码的处理,以及可能的自定义配置和安全措施。通过合理的配置和使用,FCKeditor可以极大地提升用户在Web应用程序中的编辑体验。

    asp.net FCKeditor 配置例子

    6. **UploadFiles**: 这个文件夹可能是FCKeditor配置的上传文件目录,用户通过FCKeditor上传的图片或其他文件会保存在这个目录下。 7. **Bin**: 这个文件夹包含编译后的ASP.NET类库文件(DLLs)。如果FCKeditor没有...

    FCKEditor配置好的工程

    **FCKEditor配置详解** FCKEditor是一款开源的富文本编辑器,广泛应用于网页内容编辑,它提供了丰富的文本格式化选项,支持图片、链接、表格等元素的插入,极大地提升了用户体验。在本“FCKEditor配置好的工程”中...

    php100 fckeditor 配置

    **PHP100 FCKeditor配置详解** 在Web开发中,富文本编辑器(Rich Text Editor)是必不可少的工具,它允许用户以图形化的方式编辑HTML内容。FCKeditor是曾经非常流行的一款开源富文本编辑器,而在PHP100教程中,它被...

    fckeditor配置与使用

    **FCKeditor配置与使用详解** FCKeditor是一款开源的Web富文本编辑器,它为用户提供了一种在网页上编辑内容的方式,就像在Word里那样。对于初学者或者不熟悉其配置和使用的开发者来说,这款编辑器具有很高的易用性...

    HTML编辑器FCKEditor配置及源码

    而`FCKEditorDemo`可能包含了一个演示实例,展示了FCKEditor配置后的实际效果和使用方法,你可以通过运行这个演示来更好地理解配置的细节。 总的来说,理解和配置FCKEditor对于构建具有强大文本编辑功能的Web应用至...

    FCKeditor配置详解(附完整案例)

    **FCKeditor配置详解(附完整案例)** FCKeditor是一款功能强大的开源HTML编辑器,广泛应用于网站内容管理系统(CMS)和论坛等需要用户编辑HTML内容的场景。它提供了丰富的文本格式化、图像处理、链接管理等功能,...

    jsp的fckeditor配置.rar

    本文将详细介绍JSP中的FCKeditor配置,以及如何将其应用于网页文本编辑器的构建。FCKeditor是一款开源的、功能强大的富文本编辑器,广泛被百度、CSDN等知名网站采用,为用户提供方便的在线文本编辑体验。 **一、...

    fckeditor配置

    **FCKeditor配置详解** FCKeditor是一款流行的开源富文本编辑器,广泛应用于网页内容编辑。在.NET环境中,如VS2008下,配置FCKeditor可以使开发者在网页上提供一个功能强大的文本编辑界面。以下是一份详细的...

    fckeditor配置和oracle大字段类型处理

    以上就是关于FCKeditor配置和Oracle大字段类型处理的详细讲解。通过正确的配置和编程,你可以顺利地在Oracle数据库中存储和管理由FCKeditor生成的富文本内容。希望这些信息能帮助到遇到相同问题的朋友们。

    fckeditor 配置

    **标题:“FCKeditor配置”** **描述:** FCKeditor是一款开源的Web富文本编辑器,它在早期Web开发中被广泛使用,允许用户在网页上编辑内容,类似于Microsoft Word的功能。这篇博客(博文链接:...

    asp.net上FckEditor 配置手册

    asp.net上FckEditor 配置手册 不使用dll文件。设置很简单

    FCKeditor配置[归类].pdf

    FCKeditor配置[归类].pdf

    ASP.NET中FCKEditor配置教程

    在ASP.NET环境中配置FCKEditor涉及到几个关键步骤,以下是对这些步骤的详细解释: 1. **获取和安装FCKEditor**: 首先,你需要从FCKeditor的官方网站(http://www.fckeditor.net/download)下载最新版本的...

    jsp FCKeditor 配置

    **JSP与FCKeditor配置详解** 在Web开发中,富文本编辑器是不可或缺的工具,它能够提供用户友好的界面来编辑HTML内容。FCKeditor是一款流行且功能强大的开源JavaScript富文本编辑器,适用于多种编程语言,包括Java的...

Global site tag (gtag.js) - Google Analytics