Fckeditor的配置解析，较为实用

最新推荐文章于 2025-03-15 10:56:24 发布

ZhuZhuYuXiang

最新推荐文章于 2025-03-15 10:56:24 发布

阅读量2.7k

点赞数

文章标签： fckeditor xhtml 浏览器服务器 html basic

本文链接：https://blog.youkuaiyun.com/ZhuZhuYuXiang/article/details/5883221

版权

昨天自己为别人做一个编辑器功能，而且不能像fckeditor有太多功能。由于自己能力有限没有能及时的做出来，就在本论坛发帖讨教，也没有求的好的解决办法，今天自己好好地琢磨的fckeditor的配置。直到11:36分做出了精简版fckeditor，功能可以自己根据配置添加。效果如图：

页面:

<%@ Import Namespace="System.Collections.Generic" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

            oFCKeditor.BasePath = "../fckeditor/";
            oFCKeditor.Width = "800";
            oFCKeditor.Height = "300";
            oFCKeditor.ToolbarSet = "Basic";

oFCKeditor.Config["SkinPath"] = "skins/office2003/";

            oFCKeditor.ReplaceTextarea();
        }
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <textarea name="myTextArea" id="myTextArea" rows="10" cols="103" ></textarea><br />
    </div>
        </form>
</body>
</html>

然后配置fckconfig.js中的ToolbarSets

FCKConfig.ToolbarSets["Basic"] = [

['Bold', 'Italic', '-', 'OrderedList', 'UnorderedList', '-', /*'Link',*/'Image','Unlink', '-', 'Style', 'FontSize', 'TextColor', 'BGColor', '-', 'Smiley', 'SpecialChar', 'Replace', 'Preview']

];

这是非常重要的，你可以自己定义类型，来设置自己喜欢的工具栏！

自定义：

FCkConfig.ToolbarSets["you"]=[

['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','Image','Flash','Table','Rule','Smiley']

] ;

js内容简化请参照：http://www.cnblogs.com/yupipi520/archive/2009/01/18/1377980.html

另附........

配置选项:
AutoDetectLanguage=true/false 自动检测语言
BaseHref="" _fcksavedurl="""" 相对链接的基地址
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="" 皮肤文件夹位置