4
respostas

Window.Print()

Gostaria de usar a mesma dela de Print/Preview que o Chrome usa... Como posso usa-la?

4 respostas

Fala ai Francilan, tudo bem?

Pelo que eu vi aqui esse recurso de preview é exclusivo e implementado apenas no Google Chrome, o Chromium não possuí tal suporte, conferi a informação em uma issue do próprio projeto do Electron: https://github.com/electron/electron/issues/4890

O que você pode tentar fazer é utilizar algum outro recurso, pesquisando aqui, vi que existe algo como webContents.printToPDF ou webContents.print, segue um exemplo: https://github.com/hokein/electron-sample-apps/tree/master/printing

Espero ter ajudado

Olá Aqui está um exemplo

<!doctype html>
<html>
<head>
    <script type="text/javascript">
        function Popup() 
        {
            var mywindow = window.open('', 'Ticket info', 'height=400,width=600');
            mywindow.document.write('<html><head><title>my div</title>');
            mywindow.document.write('<style type="text/css"> *{margin: 0; padding: 0;} body{padding: 3px; padding-left:20px;font:6px bold Arial;}</style>');
            mywindow.document.write('<script src="http://code.jquery.com/jquery-latest.min.js"><'+'/script>');
            mywindow.document.write('<script src="jquery-barcode.min.js"><'+'/script>');
            mywindow.document.write('</head><body>');
            mywindow.document.write('<div id="demo"></div>');
            mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
            mywindow.document.write('<script type="text/javascript">window.print();<'+'/script>');
            mywindow.document.write('</body></html>');
            return true;
        }
    </script>
</head>
<body>
<input type="button" value="Print Div" onclick="Popup();" />
</body>
</html>

Tem algum preview semelhante a ele que eu possa utilizar?

Nesse momento estou usando o Chromium e quando aperto em imprimir o Preview funciona perfeitamente

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software