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

I got tired of fighting the CSS so I went through the source code. Line 13721 has a place where the body and head are printed in (more/less) HTML. Added an inline style in the compressed version in the same spot (all one line, but halfway down or so). Fixed it right up!

于 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 に答える