Question

如果我使用的是cdn，如何将ckeditor设置为单行间距？

我看到了几个插件来解决这个问题，但是我只想使用CDN，并在按Enter键时将其留在单个空格。

预先感谢

Answer 1

Ckeditor不会增加额外的行距，它只是为每个编写的段落添加一个p标记，当您按ENTER键时，将为您编写的下一个段落创建一个新的p段落标记。

您看到的可能是默认情况下应用于段落的margin-bottom: 25px; CSS规则。要减少此余量，只需使用以下规则创建CSS文件：

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

即使您只是导入CDN，我也假设您正在<script>标签内的代码中的某处初始化ckeditor。在此JavaScript代码中，如下设置CKEDITOR配置contentCss：

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最新版本中有效。

CDN行距

1 个答案: