当前位置:主页 > E微生活 >[卡国17天传说10]ASP会员管理第十章FCKEditor

[卡国17天传说10]ASP会员管理第十章FCKEditor

发布时间:2020-06-09  作者:   分类:E微生活  

第十章 FCKEditor编辑器 进阶设定
上一章我们介绍了FCKEditor这个编辑器,看到功能面板的上一堆功能是不是有点眼花了乱…..其实很多功能都是很少用的。
在这一章要介绍如何打造自己专属的FCKEditor,让我们的网页更有自己的风格!
打开「fckconfig.js」这个文件。
密密麻麻的程式码,真是有点複杂,我们来介绍几个常用的
一、CSS版面样式
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
对照一下FCKEditor的目录skin里有default,silver,office2003的目录
把它改成
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/office2003/' ;
看一下效果
[卡国17天传说10]ASP会员管理第十章FCKEditor
好熟悉的画面…不就是Office吗?
当然你也可以把它改成silver
二、自订功能表
在「fckconfig.js」找到FCKConfig.ToolbarSets这行,正常来说会有2个
分别是
FCKConfig.ToolbarSets["Default"]
FCKConfig.ToolbarSets["Basic"]
如果还有印象的话,我们在初始化FCKEditor的时候,好像有看过类似的程式码
Sub initFCK
…..
oFCKeditor.ToolbarSet="Default"
End Sub
把它改成Basic看看
oFCKeditor.ToolbarSet="Basic"
[卡国17天传说10]ASP会员管理第十章FCKEditor

只剩这几个…也太精简了吧!
照着上面的逻辑,我们可以自订专用的功能表
仔细看一下程式码,它的规则就是
括号[]里的是一个功能群组 「-」是分隔线,「/」是换行
底下是我的自订功能表,名叫Customize
FCKConfig.ToolbarSets["Customize"] = [
['Cut','Copy','Paste','PasteText','PasteWord','-','Print'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Undo','Redo','-','RemoveFormat'],['TextColor','BGColor'],
'/',
['Templates','Bold','Italic','Underline','StrikeThrough','-','Subscript','Superscript'],
['Image','Link','Unlink','Flash','Table','Rule','Smiley','SpecialChar'],
['OrderedList','UnorderedList','-','Outdent','Indent'],
'/',
['Style','FontName','FontSize'],
// No comma for the last row.
] ;
做好后把它套用进去
oFCKeditor.ToolbarSet="Customize"
看下效果
[卡国17天传说10]ASP会员管理第十章FCKEditor
完成了~这就是我们专属的线上编辑器。

相关文章