Question

我正在使用TinyMCE作为内容编辑器，它为正文增加了8px的余量。

我已进入样式表并将正文边距更改为0，甚至添加了body { margin:0 !important; }，但它不会将其删除。

它说它来自content.css第1行，但Firefox检测工具不会告诉我哪一个......

我也尝试过使用jQuery $('iframe body').css('margin','0');和$('iframe').contents().find('body').css('margin','0');

TinyMCE作为iframe加载，从而导致问题。

请求的HTML

<iframe id="content_ifr" frameborder="0" src="javascript:""" allowtransparency="true" title="Rich Text AreaPress ALT-F10 for toolbar. Press ALT-0 for help" style="width: 100%; height: 100px; display: block;">
#document
<!DOCTYPE >
  <html>
   <head xmlns="http://www.w3.org/1999/xhtml">
   </head>
     <body id="tinymce" class="mceContentBody " contenteditable="true" onload="window.parent.tinyMCE.get('content').onLoad.dispatch();" spellcheck="false" dir="ltr">

这是起始HTML。

Answer 1

使用tinymce提供的conent_css设置。

Answer 2

我厌倦了对抗CSS，所以我浏览了源代码。 第13721行有一个打印正文和头部（更多/更少）HTML的地方。在同一位置的压缩版本中添加了内联样式（所有一行，但是在一半左右）。修好了！

Answer 3

对于那些还在使用tinymce v4 +的人来说，这可能比尝试直接编辑js源代码更简洁/更容易：

皮肤/ lightgray / content.min.css的前几个字符如下所示：

body{background-color:#fff;font-family: ...

更改为（只需在前面添加保证金规则）：

body{margin:0;background-color:#fff;font-family: ...

然后清除缓存，你就可以了！

删除TinyMCE上的身体边缘

3 个答案: