上传目录请在fkeditoreditorfilemgeroetorsspofigsp中设置
Dim ofigUserFilesPth
ofigUserFilesPth = "/userfiles/"
中文配置说明：
因为下载下来的压缩包里面有包含很多在我们使用时，用不到的，不删除也行。看个人喜好下面以PHP为例，进行程序瘦身
删除所有”_”开头的文件和文件夹
删除FKeditor的目录下：
fkeditorfp
fkeditorsp PHPhi
fkeditorf
fkeditorfm PHPhi
fkeditorlsso
fkeditorpl PHPhi
fkeditorpy
esstxt
liesetxt
删除语言包editorlg中除中文和英文以外的语言
删除ski目录下除默认皮肤以外的文件夹
filemger/browser/defult/oetors/目录下除php以外的文件（最新641版本好像在\filemger\oetors下）
filemger/uplod/目录下除php以外的文件
如果你不想要表情包 删除 editorimgessmiley下的ms文件夹及表情按钮
好了 精简完毕
我们通常把编辑器用以个文件夹存放、通常情况下我们可以明白为fkeditor或editor
找到里面两关键文件 fkeditor_php4php fkeditor_phpphp 这两个文件的代码相差不了多少，很显然跟php版本有关
打开这两个文件
XML/HTML代码
futio FKeditor( $isteme )
{
$this->Isteme = $isteme ;
$this->BsePth = '/editor/' ; 默认编辑器所在的文件位置
$this->Width = '100%' ; 默认编辑器宽
$this->Height = '30' ; 默认编辑器高
$this->ToolbrSet = 'Defult' ; 默认编辑器SKI
$this->Vlue = '' ; 初始值
$this->ofig = rry() ;
}
FKeditor设置文件 "fkofigjs"
XML/HTML代码
FKofigustomofigurtiosPth = '' ; // 自定义配置文件路径和名称
FKofigFKofigEditorreSS = FKofigBsePth + 'ss/fk_editorress'; // 编辑区的样式表文件
FKofigEditorreStyles = '' ; // 编辑区的样式表风格
FKofigToolbromboPreviewSS =''; //工具栏预览SS
FKofigDoType = '' ;//文档类型
FKofigBseHref = ''; // 相对链接的基地址
FKofigFullPge = flse ; //是否允许编辑整个HTML文件,还是仅允许编辑BODY间的内容
FKofigStrtupShowBloks = flse ;//决定是否启用"显示模块"
FKofigDebug = flse ;//是否开启调试功能
FKofigFKofigSkiPth = FKofigBsePth + 'skis/defult/' ; //皮肤路径
FKofigPrelodImges= //预装入的图片
FKofigFKofigPlugisPth = FKofigBsePth + 'plugis/' ; //插件路径
FKofigutoDetetLguge = true ; //是否自动检测语言
FKofigDefultLguge = 'zh-' ; //默认语言
FKofigotetLgDiretio = 'ltr' ; //默认的文字方向,可选"ltr/rtl",即从左到右或从右到左
FKofigProessHTMLEtities = true ; //处理HTML实体
FKofigIludeLtiEtities = true ; //包括拉丁文
FKofigIludeGreekEtities = true ;//包括希腊文
FKofigProessumeriEtities = flse ;//处理数字实体
FKofigdditiolumeriEtities = '' ; //附加的数字实体
FKofigFillEmptyBloks = true ; //是否填充空块
FKofigFormtSoure = true ; //在切换到代码视图时是否自动格式化代码
FKofigFormtOutput = true ; //当输出内容时是否自动格式化代码
FKofigFormtIdettor = ' ' ; //当在源码格式下缩进代码使用的字符
FKofigStrtupFous = flse ; //开启时焦点是否到编辑器,即打开页面时光标是否停留在fkeditor上
FKofigForePstesPliText = flse ; //是否强制粘贴为纯文件内容
FKofigutoDetetPsteFromWord = true ; //是否自动探测从word粘贴文件,仅支持IE
FKofigShowDropDilog = true ;//是否显示下拉菜单
FKofigForeSimplempersd = flse ;//是否不把∓符号转换为XML实体
FKofigTbSpes = 0 ;//按下Tb键时光标跳格数,默认值为零为不跳格
FKofigShowBorders = true ;//合并边框
FKofigSourePopup = flse ;//弹出
FKofigToolbrStrtExpded = true ;//启动fkeditor工具栏默认是否展开
FKofigToolbrollpse = true ;//是否允许折叠或展开工具栏
FKofigIgoreEmptyPrgrphVlue = true ;//是否忽略空的段落值
FKofigFlotigPelsZIdex = 10000 ;//浮动面板索引
FKofigHtmlEodeOutput = flse ;//是否将HTML编码输出
FKofigTemplteReplell = true ;//是否替换所有模板
FKofigToolbrLotio = 'I' ;//工具栏位置,
FKofigustomofigurtiosPth = '' ; // 自定义配置文件路径和名称
FKofigFKofigEditorreSS = FKofigBsePth + 'ss/fk_editorress'; // 编辑区的样式表文件
FKofigBseHref = ''; // 相对链接的基地址
FKofigDebug = true/flse; // 是否开启调试功能，当调用FKDebugOutput()时，会在调试窗中输出内容
FKofigFKofigSkiPth = FKofigBsePth + 'skis/defult/'; // 设置皮肤
FKofigutoDetetLguge = true/flse ; // 是否自动检测语言
FKofigDefultLguge = 'zh-' ; // 设置默认语言
FKofigotetLgDiretio = 'ltr/rtr'; // 默认文字方向，ltr左，rtr右
FKofigFillEmptyBloks = true/flse ; // 使用这个功能，可以将空的块级元素用空格来替代
FKofigFormtSoure = true/flse; // 切换到代码视图时，是否自动格式化代码
FKofigFormtOutput = true/flse; // 当输出内容时是否自动格式化代码
FKofigFormtIdettor = ""; // 当在“源码格式”下缩进代码使用的字符
FKofigGekoUseSP = true/flse; // 是否允许SP标记代替B，I，U标记
FKofigStrtupFous = true/flse; // 开启时是否FOUS到编辑器
FKofigForePstesPliText = true/flse;// 强制粘贴为纯文本
FKofigForeSimplempersd = true/flse; // 是否不把∓符号转换为XML实体
FKofigTbSpes = 0/1; // TB是否有效
FKofigTbSpes = 4; // TB键产生的空格字符数
FKofigShowBorders = true/flse; // 是否合并边框
FKofigToolbrStrtExpded = true/flse; // 页面载入时，工具栏是否展开，点“展开工具栏”时才出现
FKofigToolBrollpse = true/flse; // 是否允许展开折叠工具栏
FKofigToolbrSets = objet ; // 编辑器的工具栏，可以自行定义，删减，可参考已存在工具栏
FKofigEterMode = 'p'; // 编辑器中直接回车，在代码中生成，可选为p | div | br
FKofigShiftEterMode = 'br'; // 编辑器中Shift+回车，在代码中生成，可选为p | div | br
FKofigotextMeu = 字符串数组; // 右键菜单的内容
FKofigFotolors = ""; // 文字颜色列表
FKofigFotmes = ""; // 字体列表
FKofigFotSizes = ""; // 字号列表
FKofigFotFormts = ""; // 文字格式列表
FKofigStylesXmlPth = ""; // SS样式列表的XML文件的位置
FKofigTempltesXmlPth = ""; // 模版的XML文件位置
FKofigSpellheker = "ieSpell/Spellerpges"; // 拼写检查器
FKofigIeSpellDowlodUrl = ""; // 下载拼写检查器的网址
FKofigFKofigSmileyPth = FKofigBsePth + 'imges/smiley/ms/'; // 表情文件存放路径
FKofigSmileyImges = ''; // 表情文件名称列表，具体参考默认设置
FKofigSmileyolums = 8; // 表情窗口显示表情列数
FKofigSmileyWidowWidth = 30; // 表情窗口显示宽度，此窗口会因为表情文件的改变而作调整
FKofigSmileyWidowHeight = 40; // 表情窗口显示高度，此窗口会因为表情文件的改变而作调整
FKofigFullPge = true/flse; // 是否允许编辑整个HTML文件，还是仅允许编辑BODY间的内容
上传设置
vr _FileBrowserLguge = 'php' ; // sp | spx | fm | lsso | perl | php | py
vr _QuikUplodLguge = 'php' ; // sp | spx | fm | lsso | php[/ode]
//第一个是文件浏览器使用的语言，第二个快速上传使用的语言，改成你需要的
FKofigLikUplodllowedExtesios = "" ; // empty for ll
FKofigLikUplodDeiedExtesios ="(php|php3|php|phtml|sp|spx|sx|jsp|fm|f|pl|bt|exe|dll|reg|gi)otetquot;
//这是两个允许和拒绝上传的文件类型列表
FKofigImgeBrowser = flse ;是否在插入图片功能里面启用服务器文件浏览功能
FKofigFKofigImgeBrowserURL = FKofigBsePth + 'filemger/browser/defult/browserhtml?Type=Imgeoetor=oetors/' + _FileBrowserLguge + '/oetor' + _FileBrowserExtesio ;
Type=Imge 表示文件类型是imge这会使文件浏览器定位到文件上传路径/imge/文件夹下面
FKofigFlshBrowser = flse ;是否在插入flsh功能中启用服务器文件浏览功能
FKofigLikUplod = flse ;是否启用插入链接的快速上传功能
FKofigImgeUplod = flse ;是否启用图片快速上传功能
FKofigFlshUplod = flse ;是否启用flsh上传功能
服务器文件设置
文件浏览器的设置：
fkeditoreditorfilemgeroetorsspofigsp
ofigIsEbled = true 决定是否启用文件浏览器。这个是在服务器上执行的
ofigUserFilesPth = "/test/uplod/" 上传文件的路径（相对的）
ofigllowedExtesiosdd "File", ""
ofigDeiedExtesiosdd "File", "php|php|php3|php4|php|phtml|pwml|i|sp|spx|sx|jsp|fm|f|pl|bt|exe|om|dll|vbs|js|reg|gi"
ofigllowedExtesiosdd "Imge", "jpg|gif|jpeg|pg|bmp"
ofigDeiedExtesiosdd "Imge", ""
ofigllowedExtesiosdd "Flsh", "swf|fl"
ofigDeiedExtesiosdd "Flsh", ""
ofigllowedExtesiosdd "Medi", "swf|fl|jpg|gif|jpeg|pg|vi|mpg|mpeg|mp(1-4)|wm|wmv|wv|mid|midi|rmi|rm|rm|rmvb|mov|qt"
ofigDeiedExtesiosdd "Medi", ""
这是4个不同的filetype类型 分别对应了前台编辑器的 插入链接 插入图片 插入flsh 插入媒体 4个功能
这里的文件类型与上面提到的两处文件类型是一致的要改必须许全改
快速上传：
XML/HTML代码
ofigIsEbled = Flse //是否启用快速上传
ofigUserFilesPth = "/UserFiles/"
//如果想上传到 /test/uplod/yyymmdd/的文件夹下面
则修改为 ofigUserFilesPth = "/test/uplod/" ∓ yer(ow())∓ right("0"∓ moth(ow()),)∓right("0" ∓ dy(ow()),)
FKeditor设置多个工具栏样式
FKeditor中自带了两种工具栏样式，Defult 和Bse。可是我现在想再加一种工具栏样式。我试了一下。将Defult样式的设置复制了一下改为FKofigToolbrSets["Blogedit"],里面个体的工具栏项我就不写了。可是当我在调用这个工具栏时，却提示我说工具栏Blogedit设置没有找到，这是怎么回事啊？难道FKeditor只能使用Def ult 和Bse这两种样式吗？ 找到 fkofigjs 里面设置这里我添加了 ddd 工具栏样式 要用的时候只需要 在
引用的时候 $this->ToolbrSet = 'ddd' ; 就OK 了
XML/HTML代码
FKofigToolbrSets["Defult"] = [
['Soure','DoProps','-','Sve','ewPge','Preview','-','Templtes'],
['ut','opy','Pste','PsteText','PsteWord','-','Prit','Spellhek'],
['Udo','Redo','-','Fid','Reple','-','Seletll','RemoveFormt'],
['Form','hekbox','Rdio','TextField','Textre','Selet','Butto','ImgeButto','HiddeField'],
'/',
['Bold','Itli','Uderlie','StrikeThrough','-','Subsrīpt','Supersrīpt'],
['OrderedList','UorderedList','-','Outdet','Idet','Blokquote'],
['JustifyLeft','Justifyeter','JustifyRight','JustifyFull'],
['Lik','Ulik','hor'],
['Imge','Flsh','Tble','Rule','Smiley','Speilhr','PgeBrek'],
'/',
['Style','FotFormt','Fotme','FotSize'],
['Textolor','BGolor'],
['FitWidow','ShowBloks','-','bout'] // o omm for the lst row
] ;
FKofigToolbrSets["Bsi"] = [
['Bold','Itli','-','OrderedList','UorderedList','-','Lik','Ulik','-','bout']
] ;
FKofigToolbrSets["ddd"] = [
['OrderedList','UorderedList','-','Lik','Ulik','-','bout','Bold','Itli','Uderlie','StrikeThroug
h','-','Subsrīpt','Supersrīpt']
] ;
有时间我在吧！ DODB+SMRTY中应用板块写上去
将FKEDITOR整合进我的页面
由于目前的版本提供的FKEDITOR仅提供了JVsrīpt式的整合,因此,这里仅讲述如何应用JVsrīpt来整合FKEDITOR到站点中,当然,其他各种语言的整合,你可以
参考_smples文件夹中的例子来完成
1,假如编辑器已经安装在你的站点的/FKEDITOR/文件夹下那么,第一步我们需要做的就是在页面的HED段中放入srīpt标记以引入JVsrīpt整合模块例如:
<srīpt type="text/jvsrīpt" sr="/fkeditor/fkeditorjs"></srīpt>
其中路径是可更改的
,现在,FKEDITOR类已经可以使用了有两个方法在页面中建立一个FKEDITOR编辑器:
方法1:内联方式(建议使用):在页面的FORM标记内需要插入编辑器的地方置入以下代码:
<srīpt type="text/jvsrīpt">
vr oFKeditor = ew FKeditor( 'FKeditor1' ) ;
oFKeditorrete() ;
</srīpt>
方法:TEXTRE标记替换法(不建议使用):在页面的OLOD事件中,添加以下代码以替换一个已经存在的TEXTRE标记
<html>
<hed>
<srīpt type="text/jvsrīpt">
widowolod = futio()
{
vr oFKeditor = ew FKeditor( 'MyTextre' ) ;
oFKeditorRepleTextre() ;
}
</srīpt>
</hed>
<body>
<textre id="MyTextre" me="MyTextre">This is <b>the</b> iitil vlue</textre>
</body>
</html>
现在,编辑器可以使用了
FKEDITOR类参考:
下面是用来在页面中建立编辑器的FKEDITOR类的说明
构造器:
FKeditor( isteme[, width, height, toolbrSet, vlue] )
isteme:编辑器的唯一名称(相当于ID)
WIDTH:宽度
HEIGHT:高度
toolbrSet:工具条集合的名称
vlue:编辑器初始化内容
属性:
isteme:编辑器实例名
width:宽度,默认值为100%
height:高度,默认值是00
ToolbrSet:工具集名称,参考FKOFIGJS,默认值是Defult
vlue:初始化编辑器的HTML代码,默认值为空
BsePth:编辑器的基路径,默认为/Fkeditor/文件夹,注意,尽量不要使用相对路径最好能用相对于站点根路径的表示方法,要以/结尾
hekBrowser:是否在显示编辑器前检查浏览器兼容性,默认为true
DisplyErrors:是否显示提示错误,默为true;
集合:
ofig[Key]=vlue;
这个集合用于更改配置中某一项的值,如
oFkeditorofig["DefultLguge"]="pt-br";
方法:
rete()
建立并输出编辑器
RepeTextre(Textreme)
用编辑器来替换对应的文本框
如何配置FKEDITOR?
FKEDITOR提供了一套用于定制其外观,特性及行为的设置集主配置文件名为Fkofigjs
你既可以编辑主配置文件,也可以自己定义单独的配置文件配置文件使用JVsrīpt语法
修改后,在建立编辑器时,可以使用以下语法:
vr ōFKeditor = ew FKeditor( 'FKeditor1' ) ;
oFKeditorofig['ustomofigurtiosPth'] = '/myofigjs' ;
oFKeditorrete() ;
提醒:当你修改配置后,请清空浏览器缓存以查看效果
自定义样式列表
FKEDITOR的样式工具栏中提供了预定义的样式,样式是通过XML文件定义的,默认的XML样式文件存在于FkEditor根文件夹下的FkStylsxml文件中
这个XML文件的结构分析如下:
<?xml versio="10" eodig="utf-8" ?>
<Styles >
<Style me="My Imge" elemet="img">
<ttribute me="style" vlue="pddig: px" />
<ttribute me="border" vlue="" />
</Style >
<Style me="Itli" elemet="em" />
<Style me="Title" elemet="sp">
<ttribute me="lss" vlue="Title" />
</Style >
<Style me="Title H3" elemet="h3" />
</Styles>
每一个STYLE标记定义一种样式,ME是显示在下拉列表中的样式名,ELEMET属性指定此样式所适用的对象,因为FKEDITOR中的样式是上下文敏感的,也就是说,选择不同的对象,仅会显示针对这类对象定义的样式
拼写检查
FKEDITOR带了两种拼写检查工具,一种是ieSpell,默认情况下使用这种,使用这种方式的拼写检查,要求客户下载并安装iespell这个小软件,另外,也提供SpellPger的方式来进行拼写检查,不过,由于SPELLPGER是由PHP编写的服务器端脚本,因此,要求你的WEB服务器必须支持PHP脚本语言方可
K M d(R-l0更改拼写检查器的方式请参见有关配置文件的详细说明
压缩脚本
为了提供脚本载入的效率,FKEDITOR采用以下方法对脚本尽量压缩以减少脚本尺寸:
1,移除掉脚本中的注释
移除掉脚本中所有无意义的空白
另外,FKEDITOR还提供了一个专门用于压缩脚本的工具以便你在发布时能减小文件尺寸,
你可以将_Pkger文件夹中的FkeditorPkgerexe复制到FKEDITOR根文件夹来运行并压缩脚本
本地化FKEDITOR
如果FKEDITOR没有提供您所需要的语言(实际上全有了),你也可以自行制作新的语言
,你只需要复制出EJS,然后在其基础上进行翻译另外,语言名称与对应的脚本文件名必须遵循RF 3066标准,但是,需要小写,例如:Portuguess Lguge对应的脚本
文件名必须为ptjs
如果需要针对某个国家的某种语系,则可以在语系缩写后加上横线及国家缩写即可
在使用时,系统会自动侦测客户端语系及国别而运用适当的界面语言
当建立一种新的语言后,你必须在"Edit/lg/fklgugemgerjs"中为其建立一个条目,如下所示:
FKLgugeMgervilbleLguges =
{
e : 'Eglish',
pt : 'Portuguese'
}
需要提醒的是,文件必须保存为UTF-8格式
转自http://blogsiom/s/blog_6e99301009e6ihtml，文中红色为本人标注 本文来自： |