Jump to content

Setting the default font and size in CKEditor // Установка шрифта и размера по умолчанию в CKEditor

Featured Replies

Posted
comment_192084

Hi. In this short tutorial, I will describe how to set the default font name and size (and optionally color) in CKEditor on IPS Community Suite.

To set the default font, log into ACP and go to the Appearance tab, then Themes.

Edit the HTML and CSS of your theme and paste the JS code below before the closing tag

<script>
	if(typeof CKEDITOR !='undefined'){
		CKEDITOR.addCss(".cke_editable{cursor:text; font-size: 20px; font-family: Georgia; color:#27ae60 !important}");
		CKEDITOR.config.font_defaultLabel='Georgia';
		CKEDITOR.config.fontSize_defaultLabel='20px';
	}
</script>

After applying the above code, the default font in CKEditor will be Georgia, with a size of 20 pixels, colored red.

To remove text coloring, remove the color:#27ae60 value from the above code.

Credit for the official discussion

Credit to SeNioR

 

RUSSIAN:

 

Привет. В этом кратком руководстве я опишу, как установить имя и размер шрифта по умолчанию (и, возможно, цвет) в CKEditor в IPS Community Suite.

Чтобы установить шрифт по умолчанию, войдите в ACP и перейдите на вкладку «Внешний вид», затем «Темы».

Отредактируйте HTML и CSS своей темы и вставьте приведенный ниже код JS перед закрывающим тегом.

<script>
	if(typeof CKEDITOR !='undefined'){
		CKEDITOR.addCss(".cke_editable{cursor:text; font-size: 20px; font-family: Georgia; color:#27ae60 !important}");
		CKEDITOR.config.font_defaultLabel='Georgia';
		CKEDITOR.config.fontSize_defaultLabel='20px';
	}
</script>

 

После применения приведенного выше кода шрифтом по умолчанию в CKEditor будет шрифт Georgia размером 20 пикселей красного цвета.

Чтобы убрать цвет текста, удалите значение color:#27ae60 из приведенного выше кода.

Кредит на официальное обсуждение

Кредит SeNioR

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.