textArea打印时,内容不显示

Posted qiupiaohujie

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了textArea打印时,内容不显示相关的知识,希望对你有一定的参考价值。

使用jqprint来打印form表单中的内容时。会出现input、textarea标签里的东西无法打印。

jquery打印原理:jqprint打印方式是把打印区域的html内容处理到新的iframe中,然后打印。

这样的一个机制下,input、textarea当中的内容如果是通过jquery赋值、手动输入,那么在打印的时候是不会有内容的。

解决办法:
在jqprint()之前,执行下面的方法:
1.input属性赋值:使input标签的value属性内有你要打印的内容。
2.textarea: 将标签内的内容,赋给textarea的html。

textarea处理方式如下:

  // 打印表单
            $(‘#print‘).on(‘click‘, function () {
               
                var $iframes = $(‘#form_list_iframes‘);               
                var iframeId = $iframes.find(‘.form-list-iframe.active‘).attr(‘id‘);
                var $iframe = learun.iframe(iframeId, frames);

                //=============hujie20191231==调整textarea在打印时不显示的问题====开始========
                var lstTextarea = $iframe.$(‘textarea‘);
                if (lstTextarea) {
                    for (var i = 0; i < lstTextarea.length; i++) {
                        $(lstTextarea[i]).html(lstTextarea[i].value);
                    }
                }
                //=============hujie20191231==调整textarea在打印时不显示的问题====结束========
               
                $iframe.$(‘.lr-form-wrap:visible‘).jqprint();
               
            });

  

以上是关于textArea打印时,内容不显示的主要内容,如果未能解决你的问题,请参考以下文章

使用 jQuery 在 Textarea 中显示 XML 文件的所有内容

textarea 的内容到打印机

代码片段如何使用CSS来快速定义多彩光标

PHP / JS;将不可见的换行符或换行符转换为html标记以进行打印

当 textarea 溢出时打印

输出控制台(打印功能)到 Gui TextArea