- 浏览: 115986 次
- 性别:
- 来自: 合肥
文章分类
- 全部博客 (86)
- Web Page (23)
- Java (5)
- Web Security (7)
- Cache (0)
- Message (0)
- CAS (3)
- 开源系统 (2)
- my systems (2)
- Apache Chemistry and Jackrabbit (1)
- Jquery (1)
- spring (8)
- 虚拟主机部署 (3)
- ORM (3)
- myeclipse eclipse (5)
- full index (1)
- 公式编辑器 (1)
- 网页编辑器 (1)
- junit4 (1)
- 飞鸽传书 (1)
- centos install (1)
- maven (1)
- hibernate (1)
- tomcat (5)
- eclipse (4)
- 工具 (1)
- mysql (2)
- tomcat jndi + spring配置 (1)
- goagent (0)
- html video (1)
- ckeditor (0)
- getResourceAsStream (1)
- online education project (1)
- Mac (1)
- Chrome (1)
- dev-tool (1)
最新评论
-
107x:
谢谢分享
Eclipse下使用maven开发web项目 -
a604346146:
如果你关闭该界面时,session没有注销,你不能再登录进去, ...
spring security 同步session控制 -
Jekey:
...
已有windows 7下硬盘安装CentOS 6.x
---- 摘自:http://blog.csdn.net/lhx1026/article/details/5161433
ckeditor中文文档——开发者文档(3)配置--配置设置
editor具有丰富的配置来定制它的用户界面,特性和功能,主要的配置文件名为“config.js”。它在CKEditor安装文件夹的根目录上。
可用的配置选项
所有可用的配置选项可以再我们的api文档中找到, 在 CKEDITOR.config
在页面中配置
设置配置的最好方式是在你的页面中,在创建editor示例的时候。这样你就不用修改安装文件夹的原始分发文件了, 并且更易使用。
页面配置这种方式,可以在任何editor实例化函数中使用,也就是 CKEDITOR.replace 和 CKEDITOR.appendTo. 例如
- CKEDITOR.replace( 'editor1',
- {
- toolbar : 'Basic',
- uiColor : '#9AB8F3'
- });
注意配置属性石通过字面对象定义, (以 "{"开头和以 "}"结尾)的键值对,因此,正确的语法是 (configuration name) + ":" + (configuration value). 请不要使用“=” 。
使用config.js 文件来配置
你也可以吧你的配置放在config.js文件中,你会注意到那个文件默认几乎是空的。你只需简单的把想要改变的配置加入到文件中。例如
1 |
CKEDITOR.editorConfig = function ( config )
|
2 |
{ |
3 |
config.language = 'fr' ;
|
4 |
config.uiColor = '#AADC6E' ;
|
5 |
}; |
上面的 CKEDITOR.editorConfig函数定义必需总是存在这样设置才能起作用。这个配置文件会在你的页面范围内执行, 所以你也可以把配置保存在一个定义在页面中的变量,或者在另外一个JavaScript文件。
使用用户配置文件
这是另外一个被推荐的方式来设置你的配置,作为使用默认的config.js文件的替代,你可以复制一份那个文件到你网站的任何地方,并指引你的 editor实例化去装载它,这样的优点是你可以避免改变原始的文件,让以后更新CKEditor更加容易,只需要简单的覆盖所有的文件。
假设你复制了config.js到一个在你网站根目录的命为”custom“文件夹内,并把文件重命名为"ckeditor_config.js",这样的话,你只需要设置 customConfig 当你创建editor实例的时候. 例如:
1 |
CKEDITOR.replace( 'editor1' ,
|
2 |
{
|
3 |
customConfig : '/custom/ckeditor_config.js'
|
4 |
});
|
你的自定义的配置文件必须与默认的config.js的格式一致。
配置重新装载顺序
没有只能使用一个配置选项的限制,你可以混合的使用它们,并且配置能够正确地重新装载。下面是创建editor实例时配置加载的顺序。
- 创建editor实例,这时所有的默认配置将会设置。
- 如果用户customConfig被设置为 "in-page",则这个文件会被加载,否则的话默认的config.js将会被加载。所有config.js中的设置将会覆盖当前实例的设置。
- 如果第二步中的设置同样定义了一个新的customConfig值,则新的文件将会加载并且它的设置将会覆盖当前实例的设置。这将会重复的发生直到没有customConfig被定义。
- 最后,定义为"in-page"的设置将会覆盖当前实例的设置。(除了在第一点中提到的customConfig,)
避免加载外部的配置文件
完全可以避免加载I外部的配置文件,减少要加载的文件的数量。只需要设置 customConfig 为空字符串就可以了,例如
1 |
CKEDITOR.replace( 'editor1' ,
|
2 |
{
|
3 |
customConfig : ''
|
4 |
});
|
如果你没有在config.js或用户配置文件中设置配置的话,这种方式是极力推荐的。
------------------------------------------ Party2: custormized tool bar ------------------------------------------------
当使用editor的全功能版本,很多时候并不是所有的选项都是必须的。所有,定制工具条就是一个最普通和必须的任务。
工具条的定制
工具条的是定义在一个JavaScript数组中的,它包含了editor中可用的,显示在"toolbar rows"的元素。有两种方式为editor设置你想要的工具。他可以直接地设置在“toolbar”选项中。或者设置在名 为"toolbar_<name>"的配置中,其中的"<name>是可以标识 "toolbar "的设置,下面在editor的默认设置。
01 |
config.toolbar = 'Full' ;
|
02 |
03 |
config.toolbar_Full = |
04 |
[ |
05 |
[ 'Source' , '-' , 'Save' , 'NewPage' , 'Preview' , '-' , 'Templates' ],
|
06 |
[ 'Cut' , 'Copy' , 'Paste' , 'PasteText' , 'PasteFromWord' , '-' , 'Print' , 'SpellChecker' , 'Scayt' ],
|
07 |
[ 'Undo' , 'Redo' , '-' , 'Find' , 'Replace' , '-' , 'SelectAll' , 'RemoveFormat' ],
|
08 |
[ 'Form' , 'Checkbox' , 'Radio' , 'TextField' , 'Textarea' , 'Select' , 'Button' , 'ImageButton' , 'HiddenField' ],
|
09 |
'/' ,
|
10 |
[ 'Bold' , 'Italic' , 'Underline' , 'Strike' , '-' , 'Subscript' , 'Superscript' ],
|
11 |
[ 'NumberedList' , 'BulletedList' , '-' , 'Outdent' , 'Indent' , 'Blockquote' ],
|
12 |
[ 'JustifyLeft' , 'JustifyCenter' , 'JustifyRight' , 'JustifyBlock' ],
|
13 |
[ 'Link' , 'Unlink' , 'Anchor' ],
|
14 |
[ 'Image' , 'Flash' , 'Table' , 'HorizontalRule' , 'Smiley' , 'SpecialChar' , 'PageBreak' ],
|
15 |
'/' ,
|
16 |
[ 'Styles' , 'Format' , 'Font' , 'FontSize' ],
|
17 |
[ 'TextColor' , 'BGColor' ],
|
18 |
[ 'Maximize' , 'ShowBlocks' , '-' , 'About' ]
|
19 |
]; |
20 |
21 |
config.toolbar_Basic = |
22 |
[ |
23 |
[ 'Bold' , 'Italic' , '-' , 'NumberedList' , 'BulletedList' , '-' , 'Link' , 'Unlink' , '-' , 'About' ]
|
24 |
]; |
注意到上面有两个toolbar的定义,一个名为“Full",另外一个为”Base".其中“Full"定义被用作toolbar设置。
Toolbar Bands
每个toolbar定义 由一连串"toolbar bands"组成,它决定了最后的工具栏布局。当editor的尺寸改变时,集合中的条目会一起移动到新行中。
就像你看到上面的定义,每个toolbar集合都分开定义在JavaScript的字符串数组中。每个字符串表示一个toolbar条目。toolbar条目是由插件定义的。
你也可以使用破折号("-")来作为toolbar集合的分隔符。
强制换行
查看“Full”工具条的定义你会注意到有一些("/"),斜线字符在toolbar bands中,这个斜线是用来给它所在的地方强制换行的,这样这个toolbar bands就会在新的一行中出现而不是跟住之前的toolbar bloos
自定义工具条
A simple way to configure all editors toolbar is by simply adding a custom toolbar definition inside the config.js file, or even better in a separated configuration file (see "Setting Configurations "). The easiest way for that is by simply copying the above "Full" toolbar definition, and strip it down to your needs. For example, the following is a good recommended toolbar definition to have in the config.js file:
配置所有editor的一个简单的方法是把自定义toolbar放入config.js文件中。更好的方法是放入分开的文件中。请查看 "Setting Configurations“ 。最简单的方式则是把”Full“ 这个toolbar的定义复制下来,安装需要去除不用的按钮。例如,下面就是在config.js文件中的一个极好的推荐配置。
01 |
CKEDITOR.editorConfig = function ( config )
|
02 |
{ |
03 |
config.toolbar = 'MyToolbar' ;
|
04 |
05 |
config.toolbar_MyToolbar =
|
06 |
[
|
07 |
[ 'NewPage' , 'Preview' ],
|
08 |
[ 'Cut' , 'Copy' , 'Paste' , 'PasteText' , 'PasteFromWord' , '-' , 'Scayt' ],
|
09 |
[ 'Undo' , 'Redo' , '-' , 'Find' , 'Replace' , '-' , 'SelectAll' , 'RemoveFormat' ],
|
10 |
[ 'Image' , 'Flash' , 'Table' , 'HorizontalRule' , 'Smiley' , 'SpecialChar' , 'PageBreak' ],
|
11 |
'/' ,
|
12 |
[ 'Styles' , 'Format' ],
|
13 |
[ 'Bold' , 'Italic' , 'Strike' ],
|
14 |
[ 'NumberedList' , 'BulletedList' , '-' , 'Outdent' , 'Indent' , 'Blockquote' ],
|
15 |
[ 'Link' , 'Unlink' , 'Anchor' ],
|
16 |
[ 'Maximize' , '-' , 'About' ]
|
17 |
];
|
18 |
}; |
你可以在配置文件中创建任意多的toolbar定义,以后,基于某种标准,你可以决定toolbar使用在每个编辑器实例中,例如,使用下面的代码,创建了两个editor,分别使用了不同的toolbar。
1 |
CKEDITOR.replace( 'editor1' ,
|
2 |
{
|
3 |
toolbar : 'MyToolbar'
|
4 |
});
|
5 |
6 |
CKEDITOR.replace( 'editor2' ,
|
7 |
{
|
8 |
toolbar : 'Basic'
|
9 |
});
|
当创建编辑器实例时,为单独的页面设置toolbar也是可能的。那样的话,只需要直接的设置toolbar就可以了
1 |
CKEDITOR.replace( 'editor1' ,
|
2 |
{
|
3 |
toolbar :
|
4 |
[
|
5 |
[ 'Styles' , 'Format' ],
|
6 |
[ 'Bold' , 'Italic' , '-' , 'NumberedList' , 'BulletedList' , '-' , 'Link' , '-' , 'About' ]
|
7 |
]
|
8 |
});
|
发表评论
-
CSS 的 margin 很困難
2014-04-21 14:24 1483转自:http://xxxxxly.in/posts/ ... -
禁止浏览器自动填充用户名密码
2014-02-18 22:37 887有时页面字段不希望浏览器自动填充用户名和密码,可以在< ... -
Struts标签中的字符串格式化输出
2013-07-11 08:49 1106转自: http://blog.csdn.net/bzkfn ... -
Eclipse下使用maven开发web项目
2012-07-17 09:37 2152摘抄自: http://www.noday.net/artic ... -
eclipse下struts的maven项目报 Missing artifact com.sun:tools:jar错
2012-07-11 17:51 1806如果项目中使用struts2和mave, 则pom文件可能如下 ... -
onsubmit=return false阻止form表单提交javascript_1
2011-12-01 01:22 1065摘自:http://jackaudrey.blog ... -
防止表单自动提交,以及submit和button提交表单的区别
2011-12-01 01:21 6411转自:http://jackaudrey.blog ... -
Iframe 自适应3
2011-11-30 20:27 881Iframe跨域自适应高度(兼容IE/Fi ... -
为CKEditor添加Readonly按钮和Upload Image按钮
2011-11-30 08:29 1659问题内容 转自:http://cjkz.52bianc ... -
jsp中ckeditor的运用实例及配置
2011-11-22 13:33 692转自: http://hi.baidu.com/%B7%E7 ... -
页面回发后,让页面自动滚动到指定位置的一种简单的方法
2011-11-21 21:39 1052页面回发后,让页面自动滚动到指定位置的一种简单的方法 ... -
常用图标
2011-08-30 17:17 683验证表单 -
表单验证提示信息
2011-08-30 17:14 2003<!DOCTYPE html PUBLIC " ... -
tip help--js带箭头的提示框
2011-08-30 16:56 1606<!DOCTYPE html PUBLIC " ... -
div move
2011-08-30 16:17 791<!DOCTYPE html PUBLIC " ... -
验证码Jcaptcha .
2011-08-30 15:58 717http://blog.csdn.net/sz_bdqn/ar ... -
十大最佳Ajax教程(转)
2011-07-12 10:15 799转自:http://news.csdn.net/a/20100 ... -
iframe高度自适应2
2011-07-10 22:09 597http://www.fufuok.com/adaptive- ... -
iframe高度自适应1(转)
2011-07-10 22:08 1118转自:http://www.kuqin.com/w ... -
(转)16个Javascript表单事件脚本(表单验证、选择)
2011-07-09 22:58 90616个JavaScript 表单事件脚本, 含jQu ...
相关推荐
ckeditor-java-core-3.5.3-javadoc.chm
CKeditor的详细配置文件,很全很使用的。可以设置自己想要的在线编辑器的格式
ckeditor配置详解文档资料
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。不用多介绍 全中文说明 英文不好的同学有福了
CKEditor 4官方文档这是CKEditor的官方开发人员文档项目。 它使用定制的CKEditor 进行编译,可从在线。 有关CKEditor 4文档的所有问题都应在报告。建立文件请按照下面列出的步骤在本地生成CKEditor文档。要求定制...
2) 将下载的文档解压到你的website根目录下的ckeditor 目录中。你可以将文档放在你的website的任意路径中。ckeditor 目录是缺省目录。 2、升级 要升级现有的CKEditor 安装,按如下方式进行: 1) 将你的旧...
ckeditor-java-core-3.5.3.jar ckeditor-java-core-3.5.3.jar ckeditor-java-core-3.5.3.jar ckeditor-java-core-3.5.3.jar ckeditor-java-core-3.5.3.jar
CKEditor插件开发文档,内容丰富,包括插件的完整流程
最近项目开发需要用到CKEditor在线编辑器,但发现他本身没有自带,所以需要自己手动配置插件。但网上很多配置都有问题,自己摸索了好久终于搞定。需要注意的细节有:flvPlayer文件夹的内容直接放在ckeditor文件夹...
ckeditor5 v19完整配置文件,含教程及源文件,index.html调用文件及配置文件为单独文件,可以用于复制替换及学习,提醒个别插件必须在网站调试模式下才能正常显示工具,ckfinder需要自行从网上下载,默认为放在网站...
ckeditor5_v19完整版,可直接放在网站根目下使用,工具齐全,注意ckfinder请自行下载并放在网站根目录下。
ckeditor网页文档编辑器,便于网页中各种格式编辑
CKeditor API 帮助文档 CHM版,CKeditor API 帮助文档 CHM版
CKEditor 富文本编辑框 富文本编辑器 ckeditor struts2fckeditorplugin ckeditor-java-core-3.5.3
适用于django3的富文本编辑器,试用了很多个版本以及很多个富文本编辑器,基本还是能轻松驾驭的还是ckeditor,配置简单,使用方便
ckeditor4.46+ckfinder2.4版本配置,包含配置文档,简单明了
有名的富文本编辑器器:ckeditor,你懂的。
CKEditor-3-配置文档 config.height = 500; config.htmlEncodeOutput = true config.language = 'de';
ckeditor配置(详细)内涵详细使用说明