仅打印文本区域

制作一个打印样式表,其中包含所有元素 文本区域在CSS中设置为显示:无;,对于文本区域,溢出:可见。

将其链接到页眉中的链接标记设置为media=“print”的页面。

使用设置为打印的媒体制作不同的CSS

<link rel="stylesheet" type="text/css" href="print.css" media="print" />

http://webdesign.about.com/cs/css/a/aa042103a.htm

如果用户单击“打印”,您可以打开一个新窗口,其中只包含空白页上文本区域的内容,并从那里开始打印,然后关闭该窗口。

使现代化 :我认为建议的CSS解决方案可能是更好的策略,但如果有人喜欢这个建议,他们仍然可以投票支持。

该按钮将打开一个新窗口,其中包含菜单/chrome等,并仅克隆textarea内容(和/或提供打印css文件)

我制作了一个印刷媒体CSS来隐藏一些字段。由于我正在使用nicEdit动态创建IFRAME,所以问题变得复杂了。因此,我必须添加一个事件,该事件接受模糊事件并将它们复制到隐藏(打印除外)Div。“divtext”是隐藏Div,“storyText”是文本区域。

textarea {
  display: none;
}

*/ #divtext {
  display: block;
}

div, DIV {
  border-style: none !important;
  float: none !important;
  overflow: visible !important;
  display: inline !important;
}

/* disable nearly all styles -- especially the nicedit ones! */

#nav-wrapper, #navigation, img, p.message, .about, label, input, button, #nav-right, #nav-left, .template, #header, .nicEdit-pane, .nicEdit-selected, .nicEdit-panelContain, .nicEdit-panel, .nicEdit-frame {
  display: none !important;
}

/*hide Nicedit buttons    */

.nicEdit-button-active, .nicEdit-button-hover, .nicEdit-buttonContain, .nicEdit-button, .nicEdit-buttonEnabled, .nicEdit-selectContain, .nicEdit-selectControl, .nicEdit-selectTxt {
  display: none !important;
}

nicEdit的javascript代码:

<script type="text/javascript" src="/media/nicEdit.js"></script>
<script type="text/javascript">
  bkLib.onDomLoaded(function () {
    var nic = new nicEditor({
      fullPanel: true
    }).panelInstance('storyText');

    document.getElementById("storyText").nic = nic;
    nic.addEvent('blur', function () {
      document.getElementById("storyText").value = 
      nic.instanceById('storyText').getContent();
      document.getElementById("divtext").innerHTML = nic.instanceById('storyText').getContent();
    });
  });
</script>

溢出:可见;在textarea上是否真的为你们中的任何人工作?FF3似乎忽略了打印表单中文本区域的规则。并不是说这是一只虫子或其他什么。