减小 TinyMCE 文本区域中的行距

Question

我正在使用 TinyMCE 提供富文本编辑文本编辑器。但是行与行之间的行间距太大了。我添加了一个屏幕截图，显示了我按回车键时得到的行间距。可以做些什么

原文由 Sachin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

有一个应用于 TinyMCE html 内容的 css 类。看起来你有 <p> 标签导致了间距。老实说，我觉得还不错。但是你可以在 css 类中覆盖：

 .tinymce-content p {
    padding: 0;
    margin: 2px 0;
}

有关详细信息，请参阅 tinymce 文档。

原文由 danludwig 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以像这样向 CSS 编辑器添加自定义 CSS：

 tinyMCE.init({
        ...
        editor_css : "/content_css.css"
});

请在此处查看文档： http ://www.tinymce.com/wiki.php/Configuration:editor_css

然后，您可以将 line-height 属性设置为您希望在该文件中设置的任何高度。

您还可以更改设置，您可以在其中切换生成段落标记 (p) 或换行标记 (br)，如下所示：

 tinyMCE.init({
        ...
        force_br_newlines : true,
        force_p_newlines : false,
        forced_root_block : '' // Needed for 3.x
});

有关详细信息，请参阅此处的文档： http ://www.tinymce.com/wiki.php/Configuration:force_br_newlines

我认为当您按下回车键时，TinyMCE 会按照标准处理段落，这就是为什么您的行与行之间会有很大的空白。您也可以像在 Word 中一样使用 shift+enter 来换行，换行而不是段落。

原文由 span 发布，翻译遵循 CC BY-SA 3.0 许可协议