Javascript 使用sisyphus自动保存打印表单数据_Javascript_Jquery_Autosave

Javascript 使用sisyphus自动保存打印表单数据

javascript jquery

Javascript 使用sisyphus自动保存打印表单数据,javascript,jquery,autosave,Javascript,Jquery,Autosave,我有一个用户用来写笔记的表单（我使用sisyphus.min.js自动保存表单数据）。当用户想要打印其笔记并单击“打印”时，应在不受表格边框限制的情况下打印表格内的数据（即所有笔记）（我只想打印用户的笔记。我尝试了下面的代码，但当我单击“打印表单边框”时，表单中只有一部分数据显示在“打印”窗口中。当用户单击“打印”（Ctrl+p）时，如何提取表单中的所有数据。） @媒体印刷品 { #不可打印{显示：无；} #可打印{显示：块；} } 样本含量 $（'#myform'）.sisyphus（）；

我有一个用户用来写笔记的表单（我使用sisyphus.min.js自动保存表单数据）。当用户想要打印其笔记并单击“打印”时，应在不受表格边框限制的情况下打印表格内的数据（即所有笔记）（我只想打印用户的笔记。我尝试了下面的代码，但当我单击“打印表单边框”时，表单中只有一部分数据显示在“打印”窗口中。当用户单击“打印”（Ctrl+p）时，如何提取表单中的所有数据。）


@媒体印刷品
{
#不可打印{显示：无；}
#可打印{显示：块；}
}
样本含量
$（'#myform'）.sisyphus（）；

为什么您认为使用sisyphus缓存表单数据会影响打印时的输出？在我看来，sisyphus.js不会影响打印。@Elliott-我不认为使用sisyphus缓存表单数据会影响打印时的输出，但如果您运行我的代码并在表单中插入长内容，然后按ctrl+p组合键进行打印，则打印时，您只会获得适合表单窗口的数据，而不会打印表单中的全部内容。为什么您认为使用sisyphus缓存表单数据会影响打印时的输出？在我看来，sisyphus.js不会影响打印。@Elliott-我不相信使用sisyphus缓存表单数据会影响打印效果打印时输出，但如果运行“我的代码”并在表单中插入长内容，然后按ctrl+p进行打印，则只会获得适合表单窗口的数据，而不会打印表单中的全部内容。

<!DOCTYPE HTML>
<html>
<head>

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>

    <script type="text/javascript" src="sisyphus.min.js"></script>

    <style type="text/css">

    @media print
    {
        #non-printable { display: none; }
        #printable{ display: block; }
    }
    </style>

</head>

<body>
    <div id="non-printable">

        <h1> Sample Content</h1>

    </div>

    <div id="printable">
        <form action="" id="myform" name="myform" method="post">
            <textarea class="form-control" id="exampleTextarea" rows="13"></textarea>
        </form>
    </div>


<script type="text/javascript">
$('#myform').sisyphus();
</script>


</body>
</html>