删除 TinyMCE 上的正文边缘答案

【问题标题】：Remove body margin on TinyMCE删除 TinyMCE 上的正文边缘
【发布时间】：2013-05-17 16:05:44
【问题描述】：

我将 TinyMCE 用于内容编辑器，它为正文添加了 8 像素的边距。

我已经进入样式表并将正文边距更改为 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。

【问题讨论】：

你能显示一些html吗？

标签： iframe tinymce

【解决方案1】：

使用 tinymce 提供的 conent_css 设置。

【讨论】：

content_css:不只是为了编辑页面中的样式吗？我试试看。
没用。在通过 content_css: 加载的 3 个外部 CSS 中的 2 个上添加了无边距样式

【解决方案2】：

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

【讨论】：

【解决方案3】：

对于那些仍在与此作斗争并使用 tinymce v4+ 的人来说，这可能比尝试直接编辑 js 源代码更干净/更容易：

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

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

更改为（只需在前面添加边距规则）：

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

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

【讨论】：