génération du pdf avec cakepdf

Par ikb, il y a 10 ans


Bonjour,

Voila je rencontre un petit problème avec mon code.
j'ai utilisé le cakepdf avec l'engine 'tcpdf' donc je veux générer un pdf du view 'view.ctp' qui est dans results/pdf/view.ctp ,j'ai généré mais le probléme qu'il ne lit pas les positions des div et les css et les scripts . il m'affiche le pdf plein des espaces et de texte html

Ce code représente les appelles css

<!DOCTYPE html> <html> <head> <!-- Basic --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="no-cache"> <title>Developpez Vos Competences </title> <meta name="keywords" content="competence" /> <meta name="description" content="entrainements pour les certifications "> <meta name="author" content="ZCNI"> <!-- Favicon --> <!-- Mobile Metas --> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Web Fonts --> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css"> <!-- Vendor CSS --> <!-- Favicon --><?php echo $this->Html->css('webroot/chartist.min.css', ['fullBase' => true]);?> <link rel="shortcut icon" href="C:/xampp/htdocs/FOCompetence/webroot/img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="C:/xampp/htdocs/FOCompetence/webroot/img/apple-touch-icon.png"> <!-- Mobile Metas --> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Web Fonts --> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css"> <!-- Vendor CSS --> <?php echo $this->Html->css('bootstrap/bootstrap.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/bootstrap/css/bootstrap.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/font-awesome/css/font-awesome.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/css/theme-elements.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/simple-line-icons/css/simple-line-icons.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/owl.carousel/assets/owl.carousel.min.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/owl.carousel/assets/owl.theme.default.min.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/magnific-popup/magnific-popup.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/css/theme.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/css/theme-blog.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/css/theme-shop.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/css/theme-animate.css', ['fullBase' => true]);?> <!-- Current Page CSS --> <?php echo $this->Html->css('webroot/vendor/rs-plugin/css/settings.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/rs-plugin/css/layers.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/rs-plugin/css/navigation.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/vendor/circle-flip-slideshow/css/component.css', ['fullBase' => true]);?> <!-- Skin CSS --> <?php echo $this->Html->css('webroot/css/skins/default.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/css/skins/skin-corporate-8.css', ['fullBase' => true]);?> <!-- Theme Custom CSS --> <?php echo $this->Html->css('webroot/css/custom.css', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/assets/stylesheets/sass/modules/ui-elements/_charts.scss', ['fullBase' => true]);?> <?php echo $this->Html->script('webroot/assets/vendor/jquery/jquery.min.js', ['fullBase' => true]);?> <?php echo $this->Html->script('webroot/js/countdown.js', ['fullBase' => true]);?> <!-- Head Libs --> <?php echo $this->Html->script('webroot/vendor/modernizr/modernizr.js', ['fullBase' => true]);?> <?php echo $this->Html->css('webroot/result.css', ['fullBase' => true]);?> </head> <body>

mon originale Template/results/view.ctp est sous cette forme

<!DOCTYPE html> <html> <head> <!-- Basic --> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="no-cache"> <title>Developpez Vos Competences </title> <meta name="keywords" content="competence" /> <meta name="description" content="entrainements pour les certifications "> <meta name="author" content="ZCNI"> <!-- Favicon --> <link rel="shortcut icon" href="../../img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="../../img/apple-touch-icon.png"> <!-- Mobile Metas --> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Web Fonts --> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css"> <!-- Vendor CSS --> <!-- Favicon --><link rel="stylesheet" href="../../chartist.min.css"> <link rel="shortcut icon" href="../../img/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon" href="../../img/apple-touch-icon.png"> <!-- Mobile Metas --> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Web Fonts --> <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800%7CShadows+Into+Light" rel="stylesheet" type="text/css"> <!-- Vendor CSS --> <link rel="stylesheet" href="../../vendor/bootstrap/css/bootstrap.css"> <link rel="stylesheet" href="../../vendor/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="../../css/theme-elements.css"> <link rel="stylesheet" href="../../vendor/simple-line-icons/css/simple-line-icons.css"> <link rel="stylesheet" href="../../vendor/owl.carousel/assets/owl.carousel.min.css"> <link rel="stylesheet" href="../../vendor/owl.carousel/assets/owl.theme.default.min.css"> <link rel="stylesheet" href="../../vendor/magnific-popup/magnific-popup.css"> <link rel="stylesheet" href="../../css/theme.css"> <link rel="stylesheet" href="../../css/theme-blog.css"> <link rel="stylesheet" href="../../css/theme-shop.css"> <link rel="stylesheet" href="../../css/theme-animate.css"> <!-- Current Page CSS --> <link rel="stylesheet" href="../../vendor/rs-plugin/css/settings.css" media="screen"> <link rel="stylesheet" href="../../vendor/rs-plugin/css/layers.css" media="screen"> <link rel="stylesheet" href="../../vendor/rs-plugin/css/navigation.css" media="screen"> <link rel="stylesheet" href="../../vendor/circle-flip-slideshow/css/component.css" media="screen"> <!-- Skin CSS --> <link rel="stylesheet" href="css/skins/default.css"> <link rel="stylesheet" href="../../css/skins/skin-corporate-8.css"> <!-- Theme Custom CSS --> <link rel="stylesheet" href="../../css/custom.css"> <link rel="stylesheet" href="../../assets/stylesheets/sass/modules/ui-elements/_charts.scss"> <script type="text/javascript" src="../../assets/vendor/jquery/jquery.min.js"></script> <script type="text/javascript" src="../../js/countdown.js"></script> <!-- Head Libs --> <script src="../../vendor/modernizr/modernizr.js"></script> <link rel="stylesheet" href="../../result.css">

je veux que le pdf généré ressemble à cet derniére vue

Aucune réponse