Javascript 如何删除tinymce接口（仅显示innerhtml）以进行打印

我有一个包含多个文本区域的页面，我将使用tinymce。但是，我希望tinymce界面的所有按钮和菜单不显示在print ctrl+p上。我只想显示内容。使用chrome和tinymce版本：4.6.4-61。 这是最好的css吗

使用您可以为打印内容专门设置样式

通常的方法是使用一个div包含所有要打印的内容，所有其他元素都将设置为显示：无，因此隐藏

@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;
  }
}

如何以及何时向print div提供内容超出了本问题的范围。听ctrl+p可能会很麻烦。IMHO最简单的方法是始终保留打印内容的卷影副本。您可以使用@media屏幕规则隐藏副本

---

具体示例见此

可以使用css、查看和定位印刷媒体。我已经得到了最好的结果，首先用一些js将我想要打印的所有内容复制到一个单独的div，而用css隐藏其余的内容。我做到了，但对js不是很精通，所以我问这个问题。所以我使用@media print，并且有一个带有“display:none”的类，但是我如何引用编辑器？？如何将编辑器与html分开？？举个例子会大有帮助。