html - 减小 TinyMCE 文本区域中的行间距

Question

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

Answer 1

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

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

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

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

您还可以更改一个设置，您可以在其中切换生成段落标记 (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 来换行，换行而不是段落。