Javascript 如何在CKEditor上设置默认字体大小
我在为CKEditor实例设置默认字体大小时遇到问题。我尝试过谷歌搜索,但没有找到任何答案 我有一个网页,其中采取了一个网站的输入。有3个编辑器实例,我必须将第一个实例的默认字体大小设置为20到30px 我尝试过修改CKEDITOR文件夹中的contents.css并更改其中的字体大小,但它会影响所有3个编辑器实例Javascript 如何在CKEditor上设置默认字体大小,javascript,jquery,css,ckeditor,Javascript,Jquery,Css,Ckeditor,我在为CKEditor实例设置默认字体大小时遇到问题。我尝试过谷歌搜索,但没有找到任何答案 我有一个网页,其中采取了一个网站的输入。有3个编辑器实例,我必须将第一个实例的默认字体大小设置为20到30px 我尝试过修改CKEDITOR文件夹中的contents.css并更改其中的字体大小,但它会影响所有3个编辑器实例 /* Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved. For
/*
Copyright (c) 2003-2011, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/
body
{
/* Font */
font-family: Georgia;
font-size: 12px;
/* Text color */
color: #222;
/* Remove the background color to make it transparent */
background-color: #fff;
}
ol,ul,dl
{
/* IE7: reset rtl list margin. (#7334) */
*margin-right:0px;
/* preserved spaces for rtl list item bullets. (#6249)*/
padding-right:40px;
}
有人知道怎么解决这个问题吗?
非常感谢您的帮助
提前谢谢各位
mhond您可以使用javascript API向CKEditor实例添加一些样式
假设您希望使用Verdana作为默认字体。以下是您可以做的:
字体系列:Verdana代码>
.entry内容{字体系列:Tahoma;}
就这样!现在您已成功更改默认字体 我希望上面的答案能帮助一些人。他们没有帮助我,原因如下。使用firebug,我可以看到about:blank有一个默认的p标记字体,它覆盖了我在contents.css文件中的设置,如上所述。这是我为修复它所做的。我在body标签上添加了一个p并添加了!对于字体系列和字体大小行很重要:
body, p {
/* Font */
font-family: Arial, Verdana, sans-serif !important;
font-size: 12px !important;
/* Text color */
color: #000;
/* Remove the background color to make it transparent */
background-color: #fff;
}
工作得很好!我希望这有帮助。我希望这有帮助。以下是我注意到的一些事情 首先,我真的需要不断刷新,以看到新的变化出现。我在/ckeditor/目录中编辑了名为contents.css的.css文件,您可以更改这些文件:
color: #000000;
background-color: #ffffff;
font-size:24px; /* Just added this */
我还注意到您可以在/ckeditor/skins/kama/editor.css目录中编辑名为editor.css的文件。你可以把“卡玛”换成你使用的任何皮肤。现在您可以编辑.cke_内容部分
看起来contents.css也会覆盖您在editor.css中所做的操作。希望这对大家有帮助
请确保刷新或清除缓存,以查看是否正在进行任何更改。此处设置CKEditor的默认字体大小: 皮肤/editor.css
.cke_reset_all.cke_reset_all*{font:12px}检查我在编辑器中键入的元素时,我发现实际上对字体样式有影响的是contents.css文件 因此,转到ckeditor目录中的contents.css文件,进行以下更改:
.cke_editable{
font-size: 17px;
line-height: 1.6;}
在页面示例中的CKEditor文本区域中应用样式:
CKEDITOR.replace('textarea',{contentsCss:“.cke_可编辑{font size:18px;font-family:muna;}”,font_defaultLabel:'muna',fontSize_defaultLabel:'18px'});谢谢您的回复,先生!。我想做的是为title字段的CK实例设置一个默认字体大小,比如说字体大小:30px,当一个人在该字段中键入文本时,文本的大小将自动为30px。有没有一种方法可以配置ck来实现这一点?上面的方法非常适合我。我使用的字体大小:1em!这很重要,但原则是一样的。它帮助了我!原始contents.css中缺少
p
标记,这非常令人恼火。
.cke_editable{
font-size: 17px;
line-height: 1.6;}