2017-08-01 4 views
0

私はtinymceを使用する複数のテキストエリアを持つページがあります。しかし、私はtinymceインターフェイス(すべてのボタンとmenues)が表示されないようにしたいと思います(ctrl + p)。クロムと錫を使用してバージョン:4.6.4-61。
これはCSSで最も効果的ですか?印刷のためにtinymceインターフェイス(diplay only innerhtml)を削除する方法

+0

具体例については、このjsfiddleを参照してください、そして '印刷を標的メディア。私は最初に、実際に印刷したいすべてのコンテンツを一部のjsで1つのdivにコピーし、残りはcssで隠すことで最良の結果を得ました。 – Lars

+0

私はそこに着いたが、jsとあまり幸せではないので、これが私が尋ねる理由である。だから私は@mediaプリントを使い、 'display:none'というクラスを持っているが、どのようにエディタを参照するのか?どのように私はHTMLからエディタを分離するのですか?例が大きな助けになるでしょう。 – user3738926

答えて

1

media queriesを使用すると、印刷されたコンテンツ用に特別にスタイルを設定できます。

一般的なアプローチは、印刷するすべてのコンテンツを含む1つのdivを持つことです。他のすべての要素はdisplay:noneに設定され、そのため非表示になります。

印刷部門にコンテンツを提供する方法と方法は、この質問の範囲外です。 ctrl + pの聞き取りはかなり面倒なことがあります。 IMHOの最も簡単な方法は、常に印刷コンテンツのシャドウコピーを保持することです。 @media screenルールでコピーを隠すことができます。

[メディアクエリ](https://www.w3schools.com/css/css3_mediaqueries.asp)に見て、これは、CSSで行うことができる

関連する問題