межстрочный интервал с cdn - PullRequest
Новая
       14

межстрочный интервал с cdn

1 голос
/ 05 июля 2019

Как мне установить ckeditor с одинарным межстрочным интервалом, если я использую cdn?

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

Заранее спасибо

1 Ответ

0 голосов
/ 05 июля 2019

Ckeditor не добавляет дополнительный межстрочный интервал, он просто добавляет тег ap для каждого написанного абзаца, и когда вы нажимаете ENTER, создается новый тег p абзаца для следующего написанного вами абзаца.

What you 'Вероятно, мы видим margin-bottom: 25px; правило CSS, которое по умолчанию применяется к абзацам.Чтобы уменьшить этот запас, просто создайте файл CSS с таким правилом: 

body.article-editor p {
    margin-bottom: 10px;
}

Даже если вы просто импортируете CDN, я предполагаю, что вы инициализируете ckeditor где-то в вашем коде внутри <script> тег.В этом коде JavaScript задайте для ContentCss конфигурации CKEDITOR следующее: 

CKEDITOR.config.contentsCss = '/css/mysitestyles.css';

Для получения дополнительной информации о том, как это работает, ознакомьтесь с документацией по свойству конфигурации contentCss: https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_config.html#cfg-contentsCss

Редактировать после обратной связи:

Спасибо, что поделились своим кодом.Я немного исправил ваш HTML, поскольку у вас было несколько мелких ошибок HTML: 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CKEditor</title>
    <script src="https://cdn.ckeditor.com/4.12.1/standard/ckeditor.js"></script>
    </head>
<body>
    <textarea name="editor1"></textarea>
    <script>
        CKEDITOR.config.contentsCss = 'mystyles.css';
        CKEDITOR.replace( 'editor1' );
     </script>
    </body>
</html>

Кроме того, поскольку вы используете Ckeditor в режиме редактирования текста вместо режима редактирования статьи, используйте этот CSS вместо этого:

.cke_editable p {
    margin-top: 0px;
    margin-bottom: 0px;
}

Работает в последней версии Firefox.

...