[英]Changing default font size of Ckeditor's textarea
所以似乎对此有很多问题,但不确定最新的 Ckeditor 版本 4 是否有任何解决方案。我只是尝试更改 Times New Roman 的默认字体,并且我可以访问editor.css
文件我正在使用的皮肤。
我尝试过但没有成功的一些建议是将其添加到editor.css
文件中:
body, p {
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: rgb(41, 41, 42);
font-size: 13px;
color: rgb(103, 106, 108);
overflow-x: hidden;
}
我也尝试将其添加到 CKeditor 的config.js
文件中:
config.contentsCss = ["body {font-size: 20px;}"]
在CKEDITOR.editorConfig = function( config ) { }
块中,并在其下方添加:
CKEDITOR.config.font_defaultLabel = 'Arial';
CKEDITOR.config.fontSize_defaultLabel = '28px';
仍然没有运气。 不太清楚为什么这如此困难。 有什么建议?
我什至在editor.css
添加了“catch all”,但仍然不起作用:
* {
font-size: 14px;
font-family: Arial;
}
这会影响网站上的所有内容,除了文本编辑器的文本框中的内容。 现在请注意fullPage
选项已启用,导致 textarea 在iframe
,但不确定这是否会有所作为。
我已经尝试了其他 stackoverflow 问题的解决方案,但它们仍然没有改变文本编辑器中的字体大小,只是其他一切。
** 编辑 **
所以这是我的文本编辑器的样子:
这是默认情况下每个文本编辑器的样子,因此显然更改contents.css
文件不会影响它。 我想我需要弄清楚为什么在 HTML 文档的head
标记中没有对contents.css
文件的引用。
contentCss指向CSS文件,该文件用于为经典编辑器设置样式编辑器内容区域(内联编辑器是页面的一部分,因此您需要在该页面上添加适当的样式以作为样式编辑器内容)。 默认情况下,此文件位于ckeditor/contents.css
。 请简单地打开该文件,找到body
元素的定义,将font-family
更改为要使用的值。 接下来,找到.cke_editable
的定义(该类已分配给body元素),然后将font-size
更改为要使用的值。 以下是示例配置和结果。
body
{
/* Font */
font-family: "Comic Sans MS";
font-size: 12px;
/* Text color */
color: #333;
/* Remove the background color to make it transparent. */
background-color: #fff;
margin: 20px;
}
.cke_editable
{
font-size: 32px;
line-height: 1.6;
/* Fix for missing scrollbars with RTL texts. (#10488) */
word-wrap: break-word;
}
可能令人困惑的是,下拉列表不会对外部CSS文件中的样式做出反应。 它们仅对分配给HTML元素的内联样式做出反应,并且仅在存在完全匹配项时(它们并不完全与上下文相关)。 但是,您可以验证浏览器开发工具正在使用的默认字体。
经过一天又一天的config.js
,我只是将其添加到自定义config.js
文件中:
CKEDITOR.addCss("body {font-size: 10px}");
这解决了我的问题。
添加到 html 代码并且它起作用了:
<script> CKEDITOR.addCss(".cke_editable { font-size: 16px;}"); </script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.