如何刪除tinymce界面（僅顯示內頁html）以進行打印

我有一個包含多個textareas的頁面，爲此我將使用tinymce。但是，我希望tinymce界面（所有按鈕和菜單）不能在打印時顯示（ctrl + p）。我只想顯示內容。使用鉻和tinymce版本：4.6.4-61。
這是最好的與CSS完成？如何刪除tinymce界面（僅顯示內頁html）以進行打印

來源

2017-08-01 user3738926

它可以用CSS來實現，看看[媒體查詢（https://www.w3schools.com/css/css3_mediaqueries.asp），並瞄準'打印媒體。我已經有了最好的結果，首先將所有我想要打印的內容複製到一個js的單個div上，然後用css隱藏其餘的內容。 – Lars

我到了那裏，但不是很jvy的，所以這就是我問的原因。所以我使用@media print，並且有一個'display：none'的類，但我該如何引用編輯器？我如何從HTML中分離編輯器？一個例子將是一個很大的幫助。 – user3738926

使用media queries您可以專門爲打印內容創建樣式。

對此的一般方法是讓一個div包含您想要打印的所有內容，其他所有元素將設置爲display:none並因此隱藏。

@media print { 
    /* hide everything */ 
    body * { 
    visibility: hidden; 
    } 
    /* show everything in the div you want to print */ 
    #content-to-print, 
    #content-to-print * { 
    visibility: visible; 
    } 
    #content-to-print { 
    position: absolute; 
    left: 0; 
    top: 0; 
    } 
}

如何以及何時向打印格提供內容超出了此問題的範圍。傾聽ctrl + p可能會相當麻煩。恕我直言，最簡單的方法是始終保持打印內容的影子副本。您可以使用@media screen規則隱藏該副本。

的一個具體例子來看看這個jsfiddle

來源

2017-08-02 06:45:33 Lars

如何刪除tinymce界面（僅顯示內頁html）以進行打印

回答

相關問題