精华内容
下载资源
问答
  • FCKEditor

    2014-07-30 13:53:53
  • FCKeditor

    2011-08-25 13:28:18
    FCKeditor上传图片 FCKeditor配置 FCKeditor在jsp中使用 ,加载到myeclipse 中就可以跑起来,源码很清晰
  • FCKEDITOR

    2016-06-01 11:24:54
    FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型...
    FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB项目和大型网站均采用了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的支持。
    FckEditor更名CKEditor
    著名的开源网页编辑软件FCKEditor在09年发布更新到3.0,并改名为CKEditor。原来叫FCK,是因为最初的开发者叫Frederico Calderia Knabben;现在叫CK,意指"Content and Knowledge"。新版的编辑器的更新包括:新的用户界面,一个支持Plug-in的Javascript API,并提供对视觉障碍者的使用支持。"
    据官方的解释,CK是对FCK的代码的完全重写,而且此项工作从2007年就开始了,并在今年初发表了多个测试版。至此,为大家服务长达6年的FCKeditor将被CKeditor替代。
    中文名
    网页编辑器
    外文名
    FCKeditor
    兼容性
    相容于绝大部分的网页浏览器
    更    名
    CKEditor
    属    性
    网页编辑器

    中文解释

    编辑
    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标记

    调用种类

    编辑
    在ASP dot NET中调用
    在ASP dot NET中调用其实是很简单的事,FCKEditor有一个FCKeditor dot Net (一个ASP dot NET 服务器控件),可以很容易地与ASP dot NET集成。
    首先去FCKEditor官网下载FCKEditor和FCKeditor dot Net服务器控件。
    按以下步骤在ASP dot NET页面是调用:
    1、为ASP dot NET应用程序添加FCKeditor dot Control的引用。
    方法一、解压FCKeditor dot Net,在Visual Sutdio的工具箱中右击→添加项目,在打开的对话框中点击“浏览”按钮,定位到解压后的FCKeditor dot Net控件的\bin\Release\2.0\下的FredCK.FCKeditorV2.dll文件,点击确定。此时,Visual Studio的工具箱中就会出现FCKEditor,就要以像其他控件一样使用了。
    方法二、把\bin\Release\2.0\下的FredCK.FCKeditorV2.dll文件复制到ASP dot NET应用程序的Bin文件夹下,然后在要调用FCKEditor的.aspx页面中添加一条注册指令<%@ Register Assembly="FredCK.FCKeditorV2" Namespace="FredCK.FCKeditorV2" TagPrefix="FCKeditorV2" %>就可以使用了。
    <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server">
    </FCKeditorV2:FCKeditor>
    但是,如果就这样访问页面的话,FCKEditor所在的区域将会出现404(File Not Found)的错误。这是因为还没有FCKEditor所要使用的资源文件。请看下一步:
    2、指定资源文件的位置
    把下载到的FCKEditor解压到你的ASP dot NET应用程序下的任意位置,如应用程序根目录下的fckeditor。然后修改页面中控件的声明为:
    <FCKeditorV2:FCKeditor ID="FCKeditor1" runat="server" BasePath="~/fckeditor/">
    </FCKeditorV2:FCKeditor>
    这里的BasePath用来指定FCKEditor资源文件(其中包含有JavaScript脚本、用于显示FCKEditor工具栏的PNG图片等)的位置,其值取决于你把FCKEditor解压的位置。
    以上步骤完成后,你将在.aspx页面中看到FCKEditor的庐山真面目。
    在PHP中调用
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    <?php
    functionFCKeditor_IsCompatibleBrowser()
    {
    if(isset($_SERVER)){
    $sAgent=$_SERVER['HTTP_USER_AGENT'];
    }
    else{
    global$HTTP_SERVER_VARS;
    if(isset($HTTP_SERVER_VARS)){
    $sAgent=$HTTP_SERVER_VARS['HTTP_USER_AGENT'];
    }
    else{
    global$HTTP_USER_AGENT;
    $sAgent=$HTTP_USER_AGENT;
    }
    }
    if(strpos($sAgent,'MSIE')!==false&&strpos($sAgent,'mac')===false&&strpos($sAgent,'Opera')===false)
    {
    $iVersion=(float)substr($sAgent,strpos($sAgent,'MSIE')+5,3);
    return($iVersion>=5.5);
    }
    elseif(strpos($sAgent,'Gecko/')!==false)
    {
    $iVersion=(int)substr($sAgent,strpos($sAgent,'Gecko/')+6,8);
    return($iVersion>=20030210);
    }
    elseif(strpos($sAgent,'Opera/')!==false)
    {
    $fVersion=(float)substr($sAgent,strpos($sAgent,'Opera/')+6,4);
    return($fVersion>=9.5);
    }
    elseif(preg_match("|AppleWebKit/(\d+)|i",$sAgent,$matches))
    {
    $iVersion=$matches[1];
    return($matches[1]>=522);
    }
    else
    returnfalse;
    }
    classFCKeditor
    {
    public$InstanceName;
    public$BasePath;
    public$Width;
    public$Height;
    public$ToolbarSet;
    public$Value;
    public$Config;
    publicfunction__construct($instanceName)
    {
    $this->InstanceName=$instanceName;
    $this->BasePath='../common/editor/';
    $this->Width='100%';
    $this->Height='400';
    $this->ToolbarSet='Default';
    $this->Value='';
    $this->Config=array();
    }
    publicfunctionCreate()
    {
    echo$this->CreateHtml();
    }
    publicfunctionCreateHtml()
    {
    $HtmlValue=htmlspecialchars($this->Value);
    $Html='';
    if($this->IsCompatible())
    {
    if(isset($_GET['fcksource'])&&$_GET['fcksource']=="true")
    $File='fckeditor.original.html';
    else
    $File='fckeditor.html';
    $Link="{$this->BasePath}editor/{$File}?InstanceName={$this->InstanceName}";
    if($this->ToolbarSet!='')
    $Link.="&amp;Toolbar={$this->ToolbarSet}";
    $Html.="<inputtype=\"hidden\"id=\"{$this->InstanceName}\"name=\"{$this->InstanceName}\"value=\"{$HtmlValue}\"style=\"display:none\"/>";
    $Html.="<inputtype=\"hidden\"id=\"{$this->InstanceName}___Config\"value=\"".$this->GetConfigFieldString()."\"style=\"display:none\"/>";
    $Html.="<iframeid=\"{$this->InstanceName}___Frame\"src=\"{$Link}\"width=\"{$this->Width}\"height=\"{$this->Height}\"frameborder=\"0\"scrolling=\"no\"></iframe>";
    }
    else
    {
    if(strpos($this->Width,'%')===false)
    $WidthCSS=$this->Width.'px';
    else
    $WidthCSS=$this->Width;
    if(strpos($this->Height,'%')===false)
    $HeightCSS=$this->Height.'px';
    else
    $HeightCSS=$this->Height;
    $Html.="<textareaname=\"{$this->InstanceName}\"rows=\"4\"cols=\"40\"style=\"width:{$WidthCSS};height:{$HeightCSS}\">{$HtmlValue}</textarea>";
    }
    return$Html;
    }
    publicfunctionIsCompatible()
    {
    returnFCKeditor_IsCompatibleBrowser();
    }
    publicfunctionGetConfigFieldString()
    {
    $sParams='';
    $bFirst=true;
    foreach($this->Configas$sKey=>$sValue)
    {
    if($bFirst==false)
    $sParams.='&amp;';
    else
    $bFirst=false;
    if($sValue===true)
    $sParams.=$this->EncodeConfig($sKey).'=true';
    elseif($sValue===false)
    $sParams.=$this->EncodeConfig($sKey).'=false';
    else
    $sParams.=$this->EncodeConfig($sKey).'='.$this->EncodeConfig($sValue);
    }
    return$sParams;
    }
    publicfunctionEncodeConfig($valueToEncode)
    {
    $chars=array(
    '&'=>'%26',
    '='=>'%3D',
    '"'=>'%22');
    returnstrtr($valueToEncode,$chars);
    }
    }
    $editor=newFCKeditor('editor');//接收时$_POST['........']中的内容
    $editor->BasePath="../common/editor/";//FCKEDITOR的路径
    ?>
    在需要调用的地方<?php $editor->Create();?>
    接受的文件用$_POST['editor']调用(editor)可在$editor = new FCKeditor('editor')设置
    在Asp中调用
    首先在文件顶部包含主文件
    <!--#include file="../fckeditor.asp"-->
    在适当的地方插入文本区域内容:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <%
    DimoFCKeditor
    SetoFCKeditor=NewFCKeditor
    oFCKeditor.ToolbarSet="A"’使用工具条
    oFCKeditor.Width="100%"’宽度
    oFCKeditor.Height="400"’高度
    oFCKeditor.Value=’源文件
    oFCKeditor.Create"content"’文本框名称
    %>
    在JSP中调用
    web.xml配置:
    FckEditor for java 2.4版本
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    <servlet>
    <servlet-name>Connector</servlet-name>
    <servlet-class>
    net.fckeditor.connector.ConnectorServlet
    </servlet-class>
    <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>
    /fckeditor/editor/filemanager/connectors/*
    </url-pattern>
    </servlet-mapping>
    在JSP中使用标签调用demo:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
    <%@tagliburi="http://java.fckeditor.net"prefix="FCK"%>
    <html>
    <head>
    <title>FckEditor测试</title>
    </head>
    <bodystyle="text-align:center;">
    FckEditor测试
    <hr>
    <formaction="ShowData.jsp"method="post">
    <FCK:editorinstanceName="test"height="400pt">
    <jsp:attributename="value">这里是http://baike.baidu.com/">数据测试
    </jsp:attribute>
    </FCK:editor>
    <inputtype="submit"value="提交"/>
    <inputtype="reset"value="重置"/>
    </form>
    </body>
    </html>

    工具条

    编辑
    /* 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="关于我们"
    */
    也就是fckeditor总配置文件,位于根目录下的fckconfig.js文件。请根据下面的列表进行(以fckeditor 2.0版的为准):找到第20行 FCKConfig.DefaultLanguage = 'en' ;改为 FCKConfig.DefaultLanguage = 'zh-cn' ;设置默认语言为简体中文
    找到第40行 FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。
    如果你的编辑器还用在网站前台的话,比如说用于留言本或是日记回复时,那就不得不考虑安全了,在前台千万不要使用Default的toolbar,要么自定义一下功能,要么就用系统已经定义好的Basic,也就是基本的toolbar,
    找到第64行:
    FCKConfig.ToolbarSets["Basic"] = [
    ['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','-','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview']
    ] ;
    这是我改过的Basic,把图像功能去掉,把添加链接功能去掉,因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件,要是这儿不改直接给你上传个木马还不马上玩完?
    以下为全部显示工具栏显示的示例:
    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’]
    ] ;
    用户根据需要自行配置
    //去除超链接选显卡 上传
    // config.removeDialogTabs = "link:upload;image:Upload";
    //去除超链接选显卡 目标
    //config.removeDialogTabs = "image:advanced;link:target;"
    //去除超链接选显卡 目标 高级 上传 去除flash目标上传
    config.removeDialogTabs = "link:advanced;link:target;image:advanced;image:target;link:upload;image:Upload;flash:advanced;image:Link;flash:upload;flash:Upload";

    最新版本

    编辑
    目前FCKeditor已发展到3.0,并更名为CKEditor,最新版本是CKEditor 4.4.5。
    CKEditor是FCKeditor的一个完全重写版本,加载更快更方便使用。
    FCKeditor最后版本为2.6.6
    fckeditor for java最新版本为2.4
    相对于2.3有如下改变:
    ◆The integration pack is now managed by Maven 2 with complete documentation and reports.
    ◆Automatic creation of release distribution files (assemblies).
    ◆The library runs now from Servlet 2.4/JSP 2.0 and above.
    ◆A complete structure and package review has been done. Base package moved from com.fredck.FCKeditor to net.fckeditor.
    ◆The Server Side Integration requirements are completely fulfilled.
    ◆The SimpleUploaderServlet functionality has been merged into the ConnectorServlet.
    ◆The JSP tag library has been completely restructured.
    ◆A more complete and reliable browser detection code.
    ◆New configuration handling:
    ★No configuration settings in the web.xml anymore.
    ★The configuration properties can be set in a common properties file or programmatically.
    ★'Convention over conversion', just reset the properties which don't meet your requirements.
    ◆Introduced the state-of-the-art SLF4J logging facade.
    ◆Pluggable interfaces have been introduced to extend the ConnectorServlet. This system provides session or request-based functionality.
    ◆JUnit test coverage on viable classes.
    ◆Clean and safe parameter handling and abstraction.
    ◆A lot of code performance improvements and tweaks.
    2012年11月28日,CKEditor 4 正式版发布,全新外观
    CKEditor 团队很高兴的宣布了 CKEditor 4 正式版发布!该版本带来全新的外观、提升代码、即时编辑和其他诸多改进。同时还发布了一个新网站包含扩展中心和名为 CKBuilder 的服务,可用于创建自己的 CKEditor 版本。
    展开全文
  • fckeditor

    2008-03-17 16:27:30
    大家久违的fckeditor,支持多种浏览器的编辑器
  • fckEditor

    2010-01-04 14:56:00
    fckEditor是一款开源的极好用的文本编辑器.官网(http://www.fckeditor.net/).

     fckEditor是一款开源的极好用的文本编辑器.官网(http://www.fckeditor.net/).

    展开全文
  • Fckeditor

    2009-04-24 01:30:00
    FckEditor中文配置手册详细说明FCKeditor目前已经更新到2.6版,详情请看官方http://www.fckeditor.net/因为下载下来的压缩包里面有包含很多在我们使用时,用不到的,不删除也行。看个人喜好下面以PHP为例,进行程序...

    FckEditor中文配置手册详细说明

    FCKeditor目前已经更新到2.6版,详情请看官方http://www.fckeditor.net/

    因为下载下来的压缩包里面有包含很多在我们使用时,用不到的,不删除也行。看个人喜好下面以PHP为例,进行程序瘦身

    删除所有”_”开头的文件和文件夹
    删除FCKeditor的目录下:
    fckeditor.afp
    fckeditor.asp
    fckeditor.cfc
    fckeditor.cfm
    fckeditor.lasso
    fckeditor.pl
    fckeditor.py
    htaccess.txt
    license.txt
    删除语言包editor/lang中除中文和英文以外的语言
    删除skin目录下除默认皮肤以外的文件夹
    filemanager/browser/default/connectors/目录下除php以外的文件
    filemanager/upload/目录下除php以外的文件
    如果你不想要表情包 删除 editor/images/smiley下的msn文件夹及表情按钮
    好了 精简完毕

    我们通常把编辑器用以个文件夹存放、通常情况下 我们可以明白为fckeditor或editor

    找到里面两关键文件 fckeditor_php4.php   fckeditor_php5.php    这两个文件的代码相差不了多少,很显然跟php版本有关

    打开这两个文件


    XML/HTML代码

    function FCKeditor( $instanceName )   
    {   
        $this->InstanceName = $instanceName ;   
        $this->BasePath     = './editor/' ;   默认编辑器所在的文件位置
        $this->Width        = '100%' ;        默认编辑器宽
        $this->Height       = '350' ;         默认编辑器高
        $this->ToolbarSet   = 'Default' ;     默认编辑器SKIN
        $this->Value        = '' ;            初始值
        $this->Config       = array() ;   
    }   


    FCKeditor设置文件 "fckconfig.js"

    XML/HTML代码

    FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称   
    FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件   
    FCKConfig.EditorAreaStyles = '' ; // 编辑区的样式表风格   
    FCKConfig.ToolbarComboPreviewCSS =''; //工具栏预览CSS   
    FCKConfig.DocType = '' ;//文档类型   
    FCKConfig.BaseHref = ''; // 相对链接的基地址   
    FCKConfig.FullPage = false ; //是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容   
    FCKConfig.StartupShowBlocks = false ;//决定是否启用"显示模块"   
    FCKConfig.Debug = false ;//是否开启调试功能   
    FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ; //皮肤路径   
    FCKConfig.PreloadImages=... //预装入的图片   
    FCKConfigFCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ; //插件路径   
    FCKConfig.AutoDetectLanguage = true ; //是否自动检测语言   
    FCKConfig.DefaultLanguage   = 'zh-cn' ; //默认语言   
    FCKConfig.ContentLangDirection = 'ltr' ; //默认的文字方向,可选"ltr/rtl",即从左到右或从右到左   
    FCKConfig.ProcessHTMLEntities = true ; //处理HTML实体   
    FCKConfig.IncludeLatinEntities = true ; //包括拉丁文   
    FCKConfig.IncludeGreekEntities = true ;//包括希腊文   
    FCKConfig.ProcessNumericEntities = false ;//处理数字实体   
    FCKConfig.AdditionalNumericEntities = '' ;   //附加的数字实体   
    FCKConfig.FillEmptyBlocks = true ; //是否填充空块   
    FCKConfig.FormatSource   = true ; //在切换到代码视图时是否自动格式化代码   
    FCKConfig.FormatOutput   = true ; //当输出内容时是否自动格式化代码   
    FCKConfig.FormatIndentator = '    ' ; //当在源码格式下缩进代码使用的字符   
    FCKConfig.StartupFocus = false ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fckeditor上   
    FCKConfig.ForcePasteAsPlainText = false ; //是否强制粘贴为纯文件内容   
    FCKConfig.AutoDetectPasteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE   
    FCKConfig.ShowDropDialog = true ;//是否显示下拉菜单   
    FCKConfig.ForceSimpleAmpersand = false ;//是否不把&符号转换为XML实体   
    FCKConfig.TabSpaces   = 0 ;//按下Tab键时光标跳格数,默认值为零为不跳格   
    FCKConfig.ShowBorders = true ;//合并边框   
    FCKConfig.SourcePopup = false ;//弹出   
    FCKConfig.ToolbarStartExpanded = true ;//启动fckeditor工具栏默认是否展开   
    FCKConfig.ToolbarCanCollapse = true ;//是否允许折叠或展开工具栏   
    FCKConfig.IgnoreEmptyParagraphValue = true ;//是否忽略空的段落值   
    FCKConfig.FloatingPanelsZIndex = 10000 ;//浮动面板索引   
    FCKConfig.HtmlEncodeOutput = false ;//是否将HTML编码输出   
    FCKConfig.TemplateReplaceAll = true ;//是否替换所有模板   
    FCKConfig.ToolbarLocation = 'In' ;//工具栏位置,   
    FCKConfig.CustomConfigurationsPath = '' ; // 自定义配置文件路径和名称   
    FCKConfigFCKConfig.EditorAreaCSS = FCKConfig.BasePath + 'css/fck_editorarea.css'; // 编辑区的样式表文件   
    FCKConfig.BaseHref = ''; // 相对链接的基地址   
    FCKConfig.Debug = true/false; // 是否开启调试功能,当调用FCKDebug.Output()时,会在调试窗中输出内容   
    FCKConfigFCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/'; // 设置皮肤   
    FCKConfig.AutoDetectLanguage = true/false ; // 是否自动检测语言   
    FCKConfig.DefaultLanguage = 'zh-cn' ; // 设置默认语言   
    FCKConfig.ContentLangDirection = 'ltr/rtr'; // 默认文字方向,ltr左,rtr右   
    FCKConfig.FillEmptyBlocks = true/false ; // 使用这个功能,可以将空的块级元素用空格来替代   
    FCKConfig.FormatSource = true/false; // 切换到代码视图时,是否自动格式化代码   
    FCKConfig.FormatOutput = true/false; // 当输出内容时是否自动格式化代码   
    FCKConfig.FormatIndentator = ""; // 当在“源码格式”下缩进代码使用的字符   
    FCKConfig.GeckoUseSPAN = true/false; // 是否允许SPAN标记代替B,I,U标记   
    FCKConfig.StartupFocus = true/false; // 开启时是否FOCUS到编辑器   
    FCKConfig.ForcePasteAsPlainText = true/false;// 强制粘贴为纯文本   
    FCKConfig.ForceSimpleAmpersand = true/false; // 是否不把&符号转换为XML实体   
    FCKConfig.TabSpaces = 0/1; // TAB是否有效   
    FCKConfig.TabSpaces = 4; // TAB键产生的空格字符数   
    FCKConfig.ShowBorders = true/false; // 是否合并边框   
    FCKConfig.ToolbarStartExpanded = true/false; // 页面载入时,工具栏是否展开,点“展开工具栏”时才出现   
    FCKConfig.ToolBarCanCollapse = true/false; // 是否允许展开折叠工具栏   
    FCKConfig.ToolbarSets = object ; // 编辑器的工具栏,可以自行定义,删减,可参考已存在工具栏   
    FCKConfig.EnterMode = 'p'; // 编辑器中直接回车,在代码中生成,可选为p | div | br   
    FCKConfig.ShiftEnterMode = 'br'; // 编辑器中Shift+回车,在代码中生成,可选为p | div | br   
    FCKConfig.ContextMenu = 字符串数组; // 右键菜单的内容   
    FCKConfig.FontColors = ""; // 文字颜色列表   
    FCKConfig.FontNames = ""; // 字体列表   
    FCKConfig.FontSizes = ""; // 字号列表   
    FCKConfig.FontFormats = ""; // 文字格式列表   
    FCKConfig.StylesXmlPath = ""; // CSS样式列表的XML文件的位置   
    FCKConfig.TemplatesXmlPath = ""; // 模版的XML文件位置   
    FCKConfig.SpellChecker = "ieSpell/Spellerpages"; // 拼写检查器   
    FCKConfig.IeSpellDownloadUrl = ""; // 下载拼写检查器的网址   
    FCKConfigFCKConfig.SmileyPath = FCKConfig.BasePath + 'images/smiley/msn/'; // 表情文件存放路径   
    FCKConfig.SmileyImages = ''; // 表情文件名称列表,具体参考默认设置   
    FCKConfig.SmileyColumns = 8; // 表情窗口显示表情列数   
    FCKConfig.SmileyWindowWidth = 320; // 表情窗口显示宽度,此窗口会因为表情文件的改变而作调整   
    FCKConfig.SmileyWindowHeight = 240; // 表情窗口显示高度,此窗口会因为表情文件的改变而作调整   
    FCKConfig.FullPage = true/false; // 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容   
      
      
    上传设置   
      
    var _FileBrowserLanguage         = 'php' ;         // asp | aspx | cfm | lasso | perl | php | py      
    var _QuickUploadLanguage         = 'php' ;         // asp | aspx | cfm | lasso | php[/code]   
    //第一个是文件浏览器使用的语言,第二个快速上传使用的语言,改成你需要的   
    FCKConfig.LinkUploadAllowedExtensions         = "" ;                         // empty for all   
    FCKConfig.LinkUploadDeniedExtensions =".(php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi)$"  
    //这是两个允许和拒绝上传的文件类型列表   
    FCKConfig.ImageBrowser = false ;是否在插入图片功能里面启用服务器文件浏览功能   
    FCKConfigFCKConfig.ImageBrowserURL = FCKConfig.BasePath + 'filemanager/browser/default/browser.html?Type=ImageConnector=connectors/' + _FileBrowserLanguage + '/connector.' + _FileBrowserExtension ;   
    Type=Image   表示文件类型是image这会使文件浏览器定位到文件上传路径/image/文件夹下面   
    FCKConfig.FlashBrowser = false ;是否在插入flash功能中启用服务器文件浏览功能   
    FCKConfig.LinkUpload = false ;是否启用插入链接的快速上传功能   
    FCKConfig.ImageUpload = false ;是否启用图片快速上传功能   
    FCKConfig.FlashUpload = false ;是否启用flash上传功能   
      
      
    服务器文件设置   
      
    文件浏览器的设置:   
    fckeditor/editor/filemanager/connectors/asp/config.asp   
      
    ConfigIsEnabled = true 决定是否启用文件浏览器。这个是在服务器上执行的   
    ConfigUserFilesPath = "/test/upload/" 上传文件的路径(相对的)   
    ConfigAllowedExtensions.Add         "File", ""   
    ConfigDeniedExtensions.Add         "File", "php|php2|php3|php4|php5|phtml|pwml|inc|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|com|dll|vbs|js|reg|cgi"   
    ConfigAllowedExtensions.Add         "Image", "jpg|gif|jpeg|png|bmp"   
    ConfigDeniedExtensions.Add         "Image", ""   
    ConfigAllowedExtensions.Add         "Flash", "swf|fla"   
    ConfigDeniedExtensions.Add         "Flash", ""   
    ConfigAllowedExtensions.Add         "Media", "swf|fla|jpg|gif|jpeg|png|avi|mpg|mpeg|mp(1-4)|wma|wmv|wav|mid|midi|rmi|rm|ram|rmvb|mov|qt"   
    ConfigDeniedExtensions.Add         "Media", ""   
    这是4个不同的filetype类型 分别对应了 前台编辑器的 插入链接 插入图片 插入flash 插入媒体 4个功能
      
    这里的文件类型与上面提到的两处文件类型是一致的要改必须许全改
    Z,m8X IV)G0快速上传:


    XML/HTML代码

    ConfigIsEnabled = False //是否启用快速上传   
    ConfigUserFilesPath = "/UserFiles/"  
      
    //如果想上传到 /test/upload/yyymmdd/的文件夹下面   
    则修改为 ConfigUserFilesPath = "/test/upload/" & year(now())& right("0"& month(now()),2)&right("0" & day(now()),2)  

    FCKeditor设置多个工具栏样式


    FCKeditor中自带了两种工具栏样式,Default 和Base。可是我现在想再加一种工具栏样式。 我试了一下。将Default样式的设置复制了一下 改为FCKConfig.ToolbarSets["Blogedit"],里面个体的工具栏项我就不写了。可是当我在调用这个工具栏时,却提示我说工具栏Blogedit设置没有找到,这是怎么回事啊?难道FCKeditor只能使用Def ault 和Base这两种样式吗? 找到 fckconfig.js 里面设置 这里我添加了 ddd 工具栏样式 要用的时候只需要 在

    引用的时候   $this->ToolbarSet = 'ddd' ; 就OK 了


    XML/HTML代码

    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','-','Subscrīpt','Superscrīpt'],   
    ['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote'],   
    ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],   
    ['Link','Unlink','Anchor'],   
    ['Image','Flash','Table','Rule','Smiley','SpecialChar','PageBreak'],   
    '/',   
    ['Style','FontFormat','FontName','FontSize'],   
    ['TextColor','BGColor'],   
    ['FitWindow','ShowBlocks','-','About'] // No comma for the last row.   
    ] ;   
    FCKConfig.ToolbarSets["Basic"] = [   
    ['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']   
    ] ;   
    FCKConfig.ToolbarSets["ddd"] = [   
            ['OrderedList','UnorderedList','-','Link','Unlink','-','About','Bold','Italic','Underline','StrikeThroug   
    h','-','Subscrīpt','Superscrīpt']   
    ] ;  
    有时间我再把ADODB+SMARTY中应用板块写上去
    将FCKEDITOR整合进我的页面

    由于目前的版本提供的FCKEDITOR仅提供了JAVAscrīpt式的整合,因此,这里仅讲述如何应用JAVAscrīpt来整合FCKEDITOR到站点中,当然,其他各种语言的整合,你可以参考_samples文件夹中的例子来完成
    假如编辑器已经安装在你的站点的/FCKEDITOR/文件夹下.那么,第一步我们需要做的就是在页面的HEAD段中放入scrīpt标记以引入JAVAscrīpt整合模块.例如:
    <scrīpt type="text/javascrīpt" src="/fckeditor/fckeditor.js"></scrīpt>

    其中路径是可更改的

    现在,FCKEDITOR类已经可以使用了.有两个方法在页面中建立一个FCKEDITOR编辑器:
    方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码:
    <scrīpt type="text/javascrīpt">
    var ōFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
    oFCKeditor.Create() ;
    </scrīpt>

    方法2:TEXTAREA标记替换法(不建议使用):在页面的ONLOAD事件中,添加以下代码以替换一个已经存在的TEXTAREA标记

    <html>
    <head>
    <scrīpt type="text/javascrīpt">
    window.onload = function()
    {
    var ōFCKeditor = new FCKeditor( 'MyTextarea' ) ;
    }
    </scrīpt>
    </head>
    <body>
    <textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>
    </body>
    </html>

    现在,编辑器可以使用了

    FCKEDITOR类参考:
    下面是用来在页面中建立编辑器的FCKEDITOR类的说明

    构造器:
    FCKeditor( instanceName[, width, height, toolbarSet, value] )
    instanceName:编辑器的唯一名称(相当于ID)
    WIDTH:宽度
    HEIGHT:高度
    toolbarSet:工具条集合的名称
    value:编辑器初始化内容

    属性:
    instanceName:编辑器实例名
    width:宽度,默认值为100%
    height:高度,默认值是200
    ToolbarSet:工具集名称,参考FCKCONFIG.JS,默认值是Default
    value:初始化编辑器的HTML代码,默认值为空
    BasePath:编辑器的基路径,默认为/Fckeditor/文件夹,注意,尽量不要使用相对路径.最好能用相对于站点根路径的表示方法,要以/结尾
    CheckBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true
    DisplayErrors:是否显示提示错误,默为true;
    集合:
    Config[Key]=value;
    这个集合用于更改配置中某一项的值,如
    Fckeditor.Config["DefaultLanguage"]="pt-br";

    方法:
    Create()  
    建立并输出编辑器

    RepaceTextArea(TextAreaName)
    用编辑器来替换对应的文本框

    如何配置FCKEDITOR?
    FCKEDITOR提供了一套用于定制其外观,特性及行为的设置集.主配置文件名为Fckconfig.js
    你既可以编辑主配置文件,也可以自己定义单独的配置文件.配置文件使用JAVAscrīpt语法.

    修改后,在建立编辑器时,可以使用以下语法:
    n9I_!DA e,M0var ōFCKeditor = new FCKeditor( 'FCKeditor1' ) ;
    oFCKeditor.Config['CustomConfigurationsPath'] = '/myconfig.js' ;
    oFCKeditor.Create() ;

    提醒:当你修改配置后,请清空浏览器缓存以查看效果

    自定义样式列表
    FCKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FCkEditor根文件夹下的FckStyls.xml文件中
    这个XML文件的结构分析如下:
    <?xml version="1.0" encoding="utf-8" ?>
    <Styles>
    <Style name="My Image" element="img">
    <Attribute name="style" value="padding: 5px" />
    <Attribute name="border" value="2" />
    </Style >
    <Style name="Italic" element="em" />
    <Style name="Title" element="span">
    <Attribute name="class" value="Title" />
    </Style >
    <Style name="Title H3" element="h3" />
    </Styles>
    每一个STYLE标记定义一种样式,NAME是显示在下拉列表中的样式名,ELEMENT属性指定此样式所适用的对象,因为FCKEDITOR中的样式是上下文敏感的,也就是说,选择不同的对象,仅会显示针对这类对象定义的样式

    拼写检查
    FCKEDITOR带了两种拼写检查工具,一种是ieSpell,默认情况下使用这种,使用这种方式的拼写检查,要求客户下载并安装iespell这个小软件,另外,也提供SpellPager的方式来进行拼写检查,不过,由于SPELLPAGER是由PHP编写的服务器端脚本,因此,要求你的WEB服务器必须支持PHP脚本语言方可更改拼写检查器的方式请参见有关配置文件的详细说明
    压缩脚本

    为了提供脚本载入的效率,FCKEDITOR采用以下方法对脚本尽量压缩以减少脚本尺寸:
    1,移除掉脚本中的注释
    2.移除掉脚本中所有无意义的空白
    另外,FCKEDITOR还提供了一个专门用于压缩脚本的工具以便 你在发布时能减小文件尺寸, 你可以将_Packager文件夹中的Fckeditor.Packager.exe复制到FCKEDITOR根文件夹来运行并压缩脚本

    本地化FCKEDITOR
    如果FCKEDITOR没有提供您所需要的语言(实际上全有了),你也可以自行制作新的语言,你只需要复制出EN.JS,然后在其基础上进行翻译.另外,语言名称与对应的脚本文件名必须遵循RFC 3066标准,但是,需要小写,例如:Portuguess Language对应的脚本文件名必须为pt.js
    如果需要针对某个国家的某种语系,则可以在语系缩写后加上横线及国家缩写即可
    在使用时,系统会自动侦测客户端语系及国别而运用适当的界面语言.
    当建立一种新的语言后,你必须在"Edit/lang/fcklanguagemanager.js"中为其建立一个条目,如下所示:
    FCKLanguageManager.AvailableLanguages =
    {
    en : 'English',
    0pt : 'Portuguese'
    }

    需要提醒的是,文件必须保存为UTF-8格式

    展开全文

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 9,562
精华内容 3,824
热门标签
关键字:

fckeditor