-
FCKEditor
2014-07-30 13:53:53 -
FCKeditor
2011-08-25 13:28:18FCKeditor上传图片 FCKeditor配置 FCKeditor在jsp中使用 ,加载到myeclipse 中就可以跑起来,源码很清晰 -
FCKEDITOR
2016-06-01 11:24:54FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用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处理成XHTMLEnableXHTML=true/false 是否允许使用XHTML取代HTMLFillEmptyBlocks=true/false 使用这个功能,可以将空的块级元素用空格来替代FontColors="" 设置显示颜色拾取器时文字颜色列表FontFormats="" 设置显示在文字格式列表中的命名FontNames="" 字体列表中的字体名FontSizes="" 字体大小中的字号列表ForcePasteAsPlainText=true/false 强制粘贴为纯文本ForceSimpleAmpersand=true/false 是否不把&符号转换为XML实体FormatOutput=true/false 当输出内容时是否自动格式化代码FormatSource=true/false 在切换到代码视图时是否自动格式化代码FullPage=true/false 是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容GeckoUseSPAN=true/false 是否允许SPAN标记代替B,I,U标记IeSpellDownloadUrl=""下载拼写检查器的网址ImageBrowser=true/false 是否允许浏览服务器功能ImageBrowserURL="" 浏览服务器时运行的URLImageBrowserWindowHeight="" 图像浏览器窗口高度ImageBrowserWindowWidth="" 图像浏览器窗口宽度LinkBrowser=true/false 是否允许在插入链接时浏览服务器LinkBrowserURL="" 插入链接时浏览服务器的URLLinkBrowserWindowHeight=""链接目标浏览器窗口高度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中调用123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128<?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
.=
"&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
.=
'&'
;
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"-->在适当的地方插入文本区域内容:123456789<%
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版本12345678910111213<
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:12345678910111213141516171819<%@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: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.6fckeditor 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:00fckEditor是一款开源的极好用的文本编辑器.官网(http://www.fckeditor.net/).fckEditor是一款开源的极好用的文本编辑器.官网(http://www.fckeditor.net/).
-
Fckeditor
2009-04-24 01:30:00FckEditor中文配置手册详细说明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格式