Как установить размер шрифта по умолчанию на CKEditor

Question

У меня проблема с установкой размера шрифта по умолчанию для экземпляра CKEditor. Я попробовал поискать в Google, но не нашел ничего, что отвечало бы на мой вопрос.

У меня есть страница, которая принимает данные для веб-сайта. Существует 3 экземпляра редактора, и я должен сделать размер шрифта по умолчанию для первого экземпляра, скажем, от 20 до 30 пикселей.

Я попытался изменить содержимое.css, находящееся в папке CKEDITOR, и изменить там размер шрифта, но это затрагивает все 3 экземпляра редактора

/*
    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

Answer 1

Я надеюсь, что ответы выше помогут некоторым людям.Они не помогли мне и вот почему.Используя firebug, я мог видеть, что about: blank имеет шрифт по умолчанию для тега p, который переопределяет мои настройки в файле contents.css, как упомянуто выше.Вот что я сделал, чтобы это исправить.Я добавил ap в тег body и добавил! Важное для строк font-family и font-size:

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;
}

Отлично сработало!Надеюсь, это поможет.

Answer 2

Применение стилей в текстовой области CKEditor в примере страницы:

CKEDITOR.replace ('textarea', {contentsCss: ".cke_editable {font-size: 18px; font-family: muna;}", font_defaultLabel: 'Muna', fontSize_defaultLabel: '18px'});

Answer 3

Надеюсь, это поможет. Вот несколько вещей, которые я заметил.

Во-первых, мне действительно нужно продолжать обновляться, чтобы увидеть новые изменения. Я отредактировал файл .css с именем contents.css в каталоге / ckeditor /, вы можете изменить его:

color: #000000;
background-color: #ffffff;
font-size:24px; /* Just added this */

Я также заметил, что вы можете редактировать файл с именем editor.css в каталоге /ckeditor/skins/kama/editor.css. Вы можете изменить «каму» на любой скин, который вы используете. Теперь вы можете редактировать части .cke_contents.

Похоже, что content.css перезапишет то, что вы сделали в editor.css. Надеюсь, это поможет ребятам.

Убедитесь, что вы обновили или очистили кеш, чтобы увидеть, вносятся ли какие-либо изменения.

Answer 4

Допустим, вы хотите использовать Verdana в качестве шрифта по умолчанию.Вот что вы можете сделать:

1. Откройте содержимое .css и измените шрифт:

   font-family: Verdana;

2. Inприложение / страницу, где будет опубликован вывод, добавьте этот стиль:

   <style> .entry-content {font-family: Tahoma;} </style>

Вот и все!Теперь вы успешно изменили шрифт по умолчанию.

Answer 5

Вы можете использовать API JavaScript для добавления некоторого стиля в экземпляр CKEditor

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

// The set of styles for the Styles combo
CKEDITOR.stylesSet.add( 'default',
[
    // Block Styles
    { name : 'Blue Title'       , element : 'h3', styles : { 'color' : 'Blue' } },
    { name : 'Red Title'        , element : 'h3', styles : { 'color' : 'Red' } },

    // Inline Styles
    { name : 'Marker: Yellow'   , element : 'span', styles : { 'background-color' : 'Yellow' } },
    { name : 'Marker: Green'    , element : 'span', styles : { 'background-color' : 'Lime' } },

    // Object Styles
    {
        name : 'Image on Left',
        element : 'img',
        attributes :
        {
            'style' : 'padding: 5px; margin-right: 5px',
            'border' : '2',
            'align' : 'left'
        }
    }
 ]);

Answer 6

При проверке элемента, который я набрал в редакторе, я обнаружил, что это файл contents.css, который фактически влияет на стиль шрифта.это изменение:

.cke_editable{
font-size: 17px;
line-height: 1.6;}

Answer 7

Здесь для установки размера шрифта по умолчанию для CKEditor:

skins / editor.css

.cke_reset_all, .cke_reset_all * {font: 12px}