0

我正在使用 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。

4

3 回答 3

0

使用 tinymce 提供的 conent_css 设置。

于 2013-05-17T16:27:24.113 回答
0

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

于 2013-05-17T16:48:10.243 回答
0

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

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

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

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

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

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

于 2013-09-03T23:29:39.910 回答