FckEditor(CKEditor)配置

http://www.cnblogs.com/jkyweb/archive/2011/03/29/1998495.html 
http://haitao.name/index.php/ckeditor/ 


http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html 


一、使用方法: 

1、在页面<head>中引入ckeditor核心文件ckeditor.js 

<script type=”text/javascript” src=”ckeditor/ckeditor.js”></script> 

2、在使用编辑器的地方插入HTML控件<textarea> 

<textarea id=”TextArea1″ cols=”20″ rows=”2″></textarea> 

如果是ASP.NET环境,也可用服务器端控件<TextBox> 

<asp:TextBox ID=”tbContent” runat=”server” TextMode=”MultiLine”></asp:TextBox> 

注意在控件中加上 。 
3、将相应的控件替换成编辑器代码 

<script type=”text/javascript”> 
    CKEDITOR.replace(‘TextArea1′); 
//如果是在ASP.NET环境下用的服务器端控件<TextBox> 
    CKEDITOR.replace(‘tbContent’); 
//如果<TextBox>控件在母版页中,要这样写 
    CKEDITOR.replace(‘<%=tbContent.ClientID.Replace(“_”,”$”) %>’); 
</script> 

4、配置编辑器 

CKeditor确实非常好,但是编辑时,字体选择里面没有中文字体。可以按如下方法添加: 

打开CKeditor目录里的 config.js,在 

CKEDITOR.editorConfig = function( config ) 



}; 

里添加如下代码: 

config.font_names=’ 宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;’+ config.font_names; 

以后使用的时候就可以用中文字体了。 



    ckeditor的配置都集中在 ckeditor/config.js 文件中,下面是一些常用的配置参数: 

// 界面语言,默认为 ‘en’ 

    config.language = ‘zh-cn’; 

// 设置宽高 

    config.width = 400; 

    config.height = 400; 

// 编辑器样式,有三种:’kama’(默认)、’office2003′、’v2′ 

    config.skin = ‘v2′; 

// 背景颜色 

    config.uiColor = ‘#FFF’; 

// 工具栏(基础’Basic’、全能’Full’、自定义)plugins/toolbar/plugin.js 

    config.toolbar = ‘Basic’; 

    config.toolbar = ‘Full’; 

    这将配合: 
    config.toolbar_Full = [ 
       ['Source','-','Save','NewPage','Preview','-','Templates'], 
       ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'], 
       ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'], 
       ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'], 
       ‘/’, 
       ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'], 
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'], 
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], 
        ['Link','Unlink','Anchor'], 
       ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'], 
       ‘/’, 
        ['Styles','Format','Font','FontSize'], 
        ['TextColor','BGColor'] 
    ]; 

    //工具栏是否可以被收缩 
    config.toolbarCanCollapse = true; 

    //工具栏的位置 
    config.toolbarLocation = ‘top’;//可选:bottom 

    //工具栏默认是否展开 
    config.toolbarStartupExpanded = true; 

// 取消 “拖拽以改变尺寸”功能 plugins/resize/plugin.js 
    config.resize_enabled = false; 

    //改变大小的最大高度 

    config.resize_maxHeight = 3000; 

    //改变大小的最大宽度 
    config.resize_maxWidth = 3000; 

    //改变大小的最小高度 
    config.resize_minHeight = 250; 

    //改变大小的最小宽度 
    config.resize_minWidth = 750; 
// 当提交包含有此编辑器的表单时,是否自动更新元素内的数据 
    config.autoUpdateElement = true; 

// 设置是使用绝对目录还是相对目录,为空为相对目录 
    config.baseHref = ” 

    // 编辑器的z-index值 
    config.baseFloatZIndex = 10000; 

//设置快捷键 
    config.keystrokes = [ 
       [ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ], //获取焦点 
        [ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ], //元素焦点 

       [ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ], //文本菜单 

       [ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ], //撤销 
        [ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ], //重做 
        [ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ], // 

        [ CKEDITOR.CTRL + 76 /*L*/, 'link' ], //链接 

        [ CKEDITOR.CTRL + 66 /*B*/, 'bold' ], //粗体 
        [ CKEDITOR.CTRL + 73 /*I*/, 'italic' ], //斜体 
        [ CKEDITOR.CTRL + 85 /*U*/, 'underline' ], //下划线 

        [ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ] 
    ] 

    //设置快捷键 可能与浏览器快捷键冲突 plugins/keystrokes/plugin.js. 
    config.blockedKeystrokes = [ 
        CKEDITOR.CTRL + 66 /*B*/, 
        CKEDITOR.CTRL + 73 /*I*/, 
        CKEDITOR.CTRL + 85 /*U*/ 
    ] 

    //设置编辑内元素的背景色的取值 plugins/colorbutton/plugin.js. 
    config.colorButton_backStyle = { 
        element : ‘span’, 
        styles : { ‘background-color’ : ‘#(color)’ } 
    } 

    //设置前景色的取值 plugins/colorbutton/plugin.js 
    config.colorButton_colors = ’000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520, 

        006400,40E0D0,0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE, 

        A9A9A9,FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5, 

        FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF’ 

    //是否在选择颜色时显示“其它颜色”选项 plugins/colorbutton/plugin.js 
    config.colorButton_enableMore = false 

    //区块的前景色默认值设置 plugins/colorbutton/plugin.js 
    config.colorButton_foreStyle = { 
        element : ‘span’, 
        styles : { ‘color’ : ‘#(color)’ } 
    }; 

    //所需要添加的CSS文件 在此添加 可使用相对路径和网站的绝对路径 
    config.contentsCss = ‘./contents.css’; 

    //文字方向 
    config.contentsLangDirection = ‘rtl’; //从左到右 

    //CKeditor的配置文件 若不想配置 留空即可 
    CKEDITOR.replace( ‘myfiled’, { customConfig : ‘./config.js’ } ); 

    //界面编辑框的背景色 plugins/dialog/plugin.js 
    config.dialog_backgroundCoverColor = ‘rgb(255, 254, 253)’; //可设置参考 
    config.dialog_backgroundCoverColor = ‘white’ //默认 

    //背景的不透明度 数值应该在:0.0~1.0 之间 plugins/dialog/plugin.js 
    config.dialog_backgroundCoverOpacity = 0.5 

    //移动或者改变元素时 边框的吸附距离 单位:像素 plugins/dialog/plugin.js 
    config.dialog_magnetDistance = 20; 

    //是否拒绝本地拼写检查和提示 默认为拒绝 目前仅firefox和safari支持 plugins/wysiwygarea/plugin.js. 
    config.disableNativeSpellChecker = true 

    //进行表格编辑功能 如:添加行或列 目前仅firefox支持 plugins/wysiwygarea/plugin.js 
    config.disableNativeTableHandles = true; //默认为不开启 

    //是否开启 图片和表格 的改变大小的功能 config.disableObjectResizing = true; 
    config.disableObjectResizing = false //默认为开启 

    //设置HTML文档类型 
    config.docType = ‘<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22′ ; 

    //是否对编辑区域进行渲染 plugins/editingblock/plugin.js 
    config.editingBlock = true; 

    //编辑器中回车产生的标签 
    config.enterMode = CKEDITOR.ENTER_P; //可选:CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV 

    //是否使用HTML实体进行输出 plugins/entities/plugin.js 
    config.entities = true; 

    //定义更多的实体 plugins/entities/plugin.js 
    config.entities_additional = ‘#39′; //其中#代替了& 

    //是否转换一些难以显示的字符为相应的HTML字符 plugins/entities/plugin.js 
    config.entities_greek = true; 

    //是否转换一些拉丁字符为HTML plugins/entities/plugin.js 
    config.entities_latin = true; 

    //是否转换一些特殊字符为ASCII字符 如”This is Chinese: 汉语.”转换为”This is Chinese: &#27721;&#35821;.” plugins/entities/plugin.js 
    config.entities_processNumerical = false; 

    //添加新组件 
    config.extraPlugins = ‘myplugin’; //非默认 仅示例 

    //使用搜索时的高亮色 plugins/find/plugin.js 
    config.find_highlight = { 
        element : ‘span’, 
        styles : { ‘background-color’ : ‘#ff0′, ‘color’ : ‘#00f’ } 
    }; 

    //默认的字体名 plugins/font/plugin.js 
    config.font_defaultLabel = ‘Arial’; 

    //字体编辑时的字符集 可以添加常用的中文字符:宋体、楷体、黑体等 plugins/font/plugin.js 
    config.font_names = ‘Arial;Times New Roman;Verdana’; 

    //文字的默认式样 plugins/font/plugin.js 
    config.font_style = { 
        element   : ‘span’, 
        styles   : { ‘font-family’ : ‘#(family)’ }, 
        overrides : [ { element : 'font', attributes : { 'face' : null } } ] 
    }; 

    //字体默认大小 plugins/font/plugin.js 
    config.fontSize_defaultLabel = ’12px’; 

    //字体编辑时可选的字体大小 plugins/font/plugin.js 
    config.fontSize_sizes =’8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px’

    //设置字体大小时 使用的式样 plugins/font/plugin.js 
    config.fontSize_style = { 
        element   : ‘span’, 
        styles   : { ‘font-size’ : ‘#(size)’ }, 
        overrides : [ { element : 'font', attributes : { 'size' : null } } ] 
    }; 

    //是否强制复制来的内容去除格式 plugins/pastetext/plugin.js 
    config.forcePasteAsPlainText =false //不去除 

    //是否强制用“&”来代替“&amp;”plugins/htmldataprocessor/plugin.js 
    config.forceSimpleAmpersand = false; 

    //对address标签进行格式化 plugins/format/plugin.js 
    config.format_address = { element : ‘address’, attributes : { class : ‘styledAddress’ } }; 

    //对DIV标签自动进行格式化 plugins/format/plugin.js 
    config.format_div = { element : ‘div’, attributes : { class : ‘normalDiv’ } }; 

    //对H1标签自动进行格式化 plugins/format/plugin.js 
    config.format_h1 = { element : ‘h1′, attributes : { class : ‘contentTitle1′ } }; 

    //对H2标签自动进行格式化 plugins/format/plugin.js 
    config.format_h2 = { element : ‘h2′, attributes : { class : ‘contentTitle2′ } }; 

    //对H3标签自动进行格式化 plugins/format/plugin.js 
    config.format_h1 = { element : ‘h3′, attributes : { class : ‘contentTitle3′ } }; 

    //对H4标签自动进行格式化 plugins/format/plugin.js 
    config.format_h1 = { element : ‘h4′, attributes : { class : ‘contentTitle4′ } }; 

    //对H5标签自动进行格式化 plugins/format/plugin.js 
    config.format_h1 = { element : ‘h5′, attributes : { class : ‘contentTitle5′ } }; 

    //对H6标签自动进行格式化 plugins/format/plugin.js 
    config.format_h1 = { element : ‘h6′, attributes : { class : ‘contentTitle6′ } }; 

    //对P标签自动进行格式化 plugins/format/plugin.js 
    config.format_p = { element : ‘p’, attributes : { class : ‘normalPara’ } }; 

    //对PRE标签自动进行格式化 plugins/format/plugin.js 
    config.format_pre = { element : ‘pre’, attributes : { class : ‘code’ } }; 

    //用分号分隔的标签名字 在工具栏上显示 plugins/format/plugin.js 
    config.format_tags = ‘p;h1;h2;h3;h4;h5;h6;pre;address;div’; 

    //是否使用完整的html编辑模式 如使用,其源码将包含:<html><body></body></html>等标签 
    config.fullPage = false; 

    //是否忽略段落中的空字符 若不忽略 则字符将以“”表示 plugins/wysiwygarea/plugin.js 
    config.ignoreEmptyParagraph = true; 

    //在清除图片属性框中的链接属性时 是否同时清除两边的<a>标签 plugins/image/plugin.js 
    config.image_removeLinkByEmptyURL = true; 

    //一组用逗号分隔的标签名称,显示在左下角的层次嵌套中 plugins/menu/plugin.js. 
    config.menu_groups =’clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,link,image,flash,checkbox,radio,textfield,hiddenfield,imagebutton,button,select,textarea’;

    //显示子菜单时的延迟,单位:ms plugins/menu/plugin.js 
    config.menu_subMenuDelay = 400; 

    //当执行“新建”命令时,编辑器中的内容 plugins/newpage/plugin.js 
    config.newpage_html = ”; 

    //当从word里复制文字进来时,是否进行文字的格式化去除 plugins/pastefromword/plugin.js 
    config.pasteFromWordIgnoreFontFace = true; //默认为忽略格式 

    //是否使用<h1><h2>等标签修饰或者代替从word文档中粘贴过来的内容 plugins/pastefromword/plugin.js 
    config.pasteFromWordKeepsStructure = false; 

    //从word中粘贴内容时是否移除格式 plugins/pastefromword/plugin.js 
    config.pasteFromWordRemoveStyle = false; 

    //对应后台语言的类型来对输出的HTML内容进行格式化,默认为空 
    config.protectedSource.push( /<\?[\s\S]*?\?>/g );   // PHP Code 
    config.protectedSource.push( //g );   // ASP Code 
    config.protectedSource.push( /(]+>[\s|\S]*?<\/asp:[^\>]+>)|(]+\/>)/gi );   // ASP.Net Code 

    //当输入:shift+Enter时插入的标签 
    config.shiftEnterMode = CKEDITOR.ENTER_P; //可选:CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV 

    //可选的表情替代字符 plugins/smiley/plugin.js. 
    config.smiley_descriptions = [ 
        ':)', ':(', ';)', ':D', ':/', ':P', 
        '', '', '', '', '', '', 
        '', ';(', '', '', '', '', 
        '', ':kiss', '' ]; 

    //对应的表情图片 plugins/smiley/plugin.js 
    config.smiley_images = [ 
        'regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','confused_smile.gif','tounge_smile.gif', 
        'embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angry_smile.gif','angel_smile.gif','shades_smile.gif',
        'devil_smile.gif','cry_smile.gif','lightbulb.gif','thumbs_down.gif','thumbs_up.gif','heart.gif', 
        'broken_heart.gif','kiss.gif','envelope.gif']; 

    //表情的地址 plugins/smiley/plugin.js 
    config.smiley_path = ‘plugins/smiley/images/’; 

    //页面载入时,编辑框是否立即获得焦点 plugins/editingblock/plugin.js plugins/editingblock/plugin.js. 
    config.startupFocus = false; 

    //载入时,以何种方式编辑 源码和所见即所得 “source”和”wysiwyg” plugins/editingblock/plugin.js. 
    config.startupMode =’wysiwyg’; 

    //载入时,是否显示框体的边框 plugins/showblocks/plugin.js 
    config.startupOutlineBlocks = false; 

    //是否载入样式文件 plugins/stylescombo/plugin.js. 
    config.stylesCombo_stylesSet = ‘default’; 
    //以下为可选 
    config.stylesCombo_stylesSet = ‘mystyles’; 
    config.stylesCombo_stylesSet = ‘mystyles:/editorstyles/styles.js’; 
    config.stylesCombo_stylesSet = ‘mystyles:http://www.example.com/editorstyles/styles.js’; 

    //起始的索引值 
    config.tabIndex = 0; 

    //当用户键入TAB时,编辑器走过的空格数,(&nbsp;) 当值为0时,焦点将移出编辑框 plugins/tab/plugin.js 
    config.tabSpaces = 0; 

    //默认使用的模板 plugins/templates/plugin.js. 
    config.templates = ‘default’; 

    //用逗号分隔的模板文件plugins/templates/plugin.js. 
    config.templates_files = [ 'plugins/templates/templates/default.js' ] 

    //当使用模板时,“编辑内容将被替换”框是否选中 plugins/templates/plugin.js 
    config.templates_replaceContent = true; 

    //主题 
    config.theme = ‘default’; 

    //撤销的记录步数 plugins/undo/plugin.js 
    config.undoStackSize =20; 

// 在 CKEditor 中集成 CKFinder,注意 ckfinder 的路径选择要正确。 
//CKFinder.SetupCKEditor(null, ‘/ckfinder/’); 

二、 一些使用技巧 

1、在页面中即时设置编辑器 

<script type=”text/javascript”> 
//示例1:设置工具栏为基本工具栏,高度为70 
    CKEDITOR.replace(‘<%=tbLink.ClientID.Replace(“_”,”$”) %>’, 
        { toolbar:’Basic’, height:70 }); 
//示例2:工具栏为自定义类型 
    CKEDITOR.replace( ‘editor1′, 
         { 
             toolbar : 
             [ 
//加粗     斜体,     下划线      穿过线      下标字        上标字 
                ['Bold','Italic','Underline','Strike','Subscript','Superscript'], 
//数字列表          实体列表            减小缩进    增大缩进 
                ['NumberedList','BulletedList','-','Outdent','Indent'], 
//左对齐             居中对齐          右对齐          两端对齐 
                ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'], 
//超链接 取消超链接 锚点 
                ['Link','Unlink','Anchor'], 
//图片    flash    表格       水平线            表情       特殊字符        分页符 
                ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'], 
‘/’, 
//样式       格式      字体    字体大小 
                ['Styles','Format','Font','FontSize'], 
//文本颜色     背景颜色 
                ['TextColor','BGColor'], 
//全屏           显示区块 
                ['Maximize', 'ShowBlocks','-'] 
             ] 
         } 
    ); 
</script> 

三、精简ckeditor 

    在部署到Web服务器上时,下列文件夹和文件都可以删除: 

    /_samples :示例文件夹; 

    /_source :未压缩源程序; 

    /lang文件夹下除 zh-cn.js、en.js 以外的文件(也可以根据需要保留其他语言文件); 

    根目录下的 changes.html(更新列表),install.html(安装指向),license.html(使用许可); 

    /skins 目录下不需要的皮肤,一般用V2(简单,朴素) ,如果只保留V2则必须在config.js中指定皮肤。 

标签: Editor, FCKeditor, 编辑器 






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替代。 

配置中文解释 


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

自定义工具条 

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=”关于我们” 

JS实例 

view sourceprint?01  <DIV class=cnblogs_Highlighter><PRE class=brush:javascript;gutter:false;><textarea name="textarea" id="content" name="content" style="width:630px;"></textarea>  

02 <script type="text/javascript">  

03 CKEDITOR.replace( 'content', {  

04     extraPlugins : 'uicolor',  

05     uiColor: '#CCCCCC',  

06     toolbar :  

07     [  

08         [ 'Source', '-', 'FontSize', 'TextColor', '-', , 'Bold', 'Italic', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink' ]  

09     ]  

10 } );  

11 </script>  

12 </PRE>  

13 </DIV> 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值