使用dompdf将javascript生成的内容添加到PDF中

Question

我正在使用完整的日历Java脚本库生成事件日历。我想把这个日历视图转换成PDF格式。我正在使用codeigniter框架。以及使用dompdf库进行PDF转换。

$html = $this->load->view('pdf_html', $data,true);    
 require_once("dompdf/dompdf_config.inc.php");    
    $dompdf = new DOMPDF();
    $dompdf->load_html($html);
    $dompdf->render();
    if ($stream) {
        $dompdf->stream($filename.".pdf");
    } else {
        return $dompdf->output();
    }    

视图文件

<script type="text/javascript">
            $(document).ready(function() {
                $('#calendar').fullCalendar({
                    header: {
                        left: '',
                        center: 'title'
                    },
                    editable: false,
                    selectable: false,
                    weekends: false,
                    month: <?php echo $selected_month; ?>
                });
                $(".fc-button-prev").css('display', 'none');
                $(".fc-button-next").css('display', 'none');
                $(".fc-button-today").css('display', 'none');
                $(".fc-day-header").css('padding-top', '10px');
                $(".fc-day-header").css('padding-bottom', '10px');
                $(".fc-day-header").css('background-color', '#FFB848');
                $(".fc-event-container").css('top', '10px');
                $(".fc-event").css('border-radius', '4px !important');
                $(".fc-event").css('margin-bottom', '3px');
                $(".fc-event").css('border', '2px solid #ccc');

            });
        </script>  
<div id='calendar' style="widyh:100%;background-color: #f5f5f5;margin-top:15px;margin-bottom:15px;"></div>            

Answer 1

为什么不用HTML来转换PDF呢?这里是它的下载。http://html2pdf.fr/en/default

很简单，你只需要把你的

div id='calendar' style="widyh:100%;background-color: #f5f5f5;margin-top:15px;margin-bottom:15px;"></div>

标签在page标签内(这个标签将在这个HTML2PDF中使用)。

即使是标准的CSS也可以使用HTML2PDF。

Answer 2

我不确定，但试着设置这个选项:

$dompdf->set_option( 'isJavascriptEnabled' , true );