Quando eu codifiquei a primeira vez usei a versão 5.1 e não funcionou, depois observei que o seu usava 1.4.1, logo funcionou bem. Mas uma vez obrigado. Quero poder fazer este curso.
Não consegui acrescentar nenhum estilo CSS, também tentei colocar uma tabela em uma variavel php e passar os valores e também deu erro. só converte texto simples sem estilos e sem tags especiais?
Olá Alexandre, Obrigado pela sugestão. Seguindo o tutorial dá para acrescentar o CSS, por exemplo: doc.fromHTML('Gerar PDF com conteúdo HTML', 15, 15);
E como eu posso fazer isso numa página espicifica. Eu tentei este jeito, mas ele colocar o html na primeira página por cima do que já tenho lá. Preciso que este conteúdo do html passa na décima página.
Gero o pdf da página com o framework do bootstrap usando , porém é mostrado os botões da "ação". Gostaria de ocultar estes botões do print. Coloquei o style="dispaly: none", mas continua o mesmo.
Celke, tem como gerar o PDF a partir do conteúdo de uma div? Sem precisar escrever todo conteúdo dentro da tag javascript, apenas selecionando o ID/Class da div no JS e todo conteúdo dentro dessa div selecionada será impresso no PDF, incluindo a estilização CSS, é possível?
Olá GabePell, Segue o exemplo como recuperar o valor da com JavaScript. Celke Conteúdo da div // Função para recuperar o valor da DIV com JavaScript function recuperarValorDiv() { // Recuperar a DIV "conteudo" o texto var conteudoRecuperado = document.getElementsByClassName("conteudo")[0].innerText; // Imprimir na tela, mas o conteúdo que está dentro da variável "conteudoRecuperado" pode ser utilizado para qualquer outra funcionalidade document.write(conteudoRecuperado); } // Chamar a função quando carregar a página recuperarValorDiv();
Sei que já faz tempo e deve ter conseguido, mas para incluir uma imagem(uso PNG), faço assim: let image = new image(); image.src = '/caminhoDaImagem/imagem.png'; Na função jsPDF() //Exemplo doc.addImage(image, 'PNG', 14, 5, 30, 18) - Neste exemplo adiciono uma imagem PNG, com 14mm da borda esquerda do PDF e 5mm da borda superior e com largura de 30mm e altura de 18mm.
Olá Marcos, Segue o link do tutorial que apresento com gerar PDF com conteúdo HTML: ruclips.net/video/517xYbBApSA/видео.html Seguindo o tutorial dá acrescentar o CSS, por exemplo: doc.fromHTML('Gerar PDF com conteúdo HTML', 15, 15);
Olá, é possível chamar uma variável dentro desse h1 ? Estou criando um pdf com dados variados e fiz do corpo do pdf dentro do HTML, e criei uma variável que recebe o id da minha div ( ex: let conteudo = document.getElementById("pagina1") ) então chamo no meu fromHTML assim: const pagina1 = () => { doc.fromHTML(conteudo, 20, 40, { width: 80 }); }; Isso está funcionando normal, porém eu não consigo deixar o texto justificado, na minha tela de vizualização do HTML o funciona e mostra o texto justificado, mas quando eu gero o pdf ele não justifica.. tentei também usar: doc.fromHTML(conteudo, 20, 40, { width: 80, align: "justify" }) e também não funcionou.. Sabe dizer como eu poderia fazer ?
Muito bom, gosto muito da sua didática de ensino. Obrigado Celke, vale muito mesmo suas aulas.
Alem de explicar muito bem ainda disponibiliza o arquivo...
Obrigado e sucesso para vc!
+1 Inscrito
Maravilha como sempre! estou gostando muito dessas aulas com a linguagem pura continua.
Quando eu codifiquei a primeira vez usei a versão 5.1 e não funcionou, depois observei que o seu usava 1.4.1, logo funcionou bem. Mas uma vez obrigado.
Quero poder fazer este curso.
Sempre ótimas aulas Cesar .... Sucesso ...🤩😍
Ótima vídeo aula parabéns 👏.
Muito legal 🙏✅👏👏
Muito bom!!!! parabéns!!!
Top!!
Não consegui acrescentar nenhum estilo CSS, também tentei colocar uma tabela em uma variavel php e passar os valores e também deu erro. só converte texto simples sem estilos e sem tags especiais?
como implementar isso para exportar a minha página html inteira?
Quando possivel faz um video, criando uma estilização no pdf. Abraços!
Olá Alexandre,
Obrigado pela sugestão.
Seguindo o tutorial dá para acrescentar o CSS, por exemplo: doc.fromHTML('Gerar PDF com conteúdo HTML', 15, 15);
E como eu posso fazer isso numa página espicifica. Eu tentei este jeito, mas ele colocar o html na primeira página por cima do que já tenho lá. Preciso que este conteúdo do html passa na décima página.
Gero o pdf da página com o framework do bootstrap usando , porém é mostrado os botões da "ação".
Gostaria de ocultar estes botões do print. Coloquei o style="dispaly: none", mas continua o mesmo.
Cesar ensina nós estilizar esse pdf com CSS por favor 😍
Olá Top Nacional,
Seguindo o tutorial dá para acrescentar o CSS, por exemplo: doc.fromHTML('Gerar PDF com conteúdo HTML', 15, 15);
Esses scripts funcionam para aplicações em PHP?
Caraca, muito útil, mas onde é que tá a documentação desse método? Nem esse método encontrei no site oficial de documentação da biblioteca!
Celke, tem como gerar o PDF a partir do conteúdo de uma div? Sem precisar escrever todo conteúdo dentro da tag javascript, apenas selecionando o ID/Class da div no JS e todo conteúdo dentro dessa div selecionada será impresso no PDF, incluindo a estilização CSS, é possível?
Olá, creio que passando como parâmetro o elemento da sua DOM que deseja gerar o pdf em doc.fromHTML(document.querySelector("#meuhtml").innerHTML)
Olá GabePell,
Segue o exemplo como recuperar o valor da com JavaScript.
Celke
Conteúdo da div
// Função para recuperar o valor da DIV com JavaScript
function recuperarValorDiv() {
// Recuperar a DIV "conteudo" o texto
var conteudoRecuperado = document.getElementsByClassName("conteudo")[0].innerText;
// Imprimir na tela, mas o conteúdo que está dentro da variável "conteudoRecuperado" pode ser utilizado para qualquer outra funcionalidade
document.write(conteudoRecuperado);
}
// Chamar a função quando carregar a página
recuperarValorDiv();
Show de bola!
Pq a minha instância mostra a propriedade .html mas não .fromHTML?
Oie vc conseguiu?
@@SherlianeBatista parece que é um plug-in ou outra lib além dessa. No meu caso eu não tava usando CDN igual do vídeo, instalei local.
Aqui pra mim não funcionou, tem que baixar alguma coisa?
Eu tenho uma página em HTML consegui fazer os códigos para gerar o PDF mas quando insiro uma imagem não sai no PDF
Fala meu mano, tenta transformar a imagem em base64
Sei que já faz tempo e deve ter conseguido, mas para incluir uma imagem(uso PNG), faço assim:
let image = new image();
image.src = '/caminhoDaImagem/imagem.png';
Na função jsPDF()
//Exemplo
doc.addImage(image, 'PNG', 14, 5, 30, 18) - Neste exemplo adiciono uma imagem PNG, com 14mm da borda esquerda do PDF e 5mm da borda superior e com largura de 30mm e altura de 18mm.
Consigo adicionar css?
Olá Marcos,
Segue o link do tutorial que apresento com gerar PDF com conteúdo HTML: ruclips.net/video/517xYbBApSA/видео.html
Seguindo o tutorial dá acrescentar o CSS, por exemplo: doc.fromHTML('Gerar PDF com conteúdo HTML', 15, 15);
I cracked soft soft today
Olá, é possível chamar uma variável dentro desse h1 ?
Estou criando um pdf com dados variados e fiz do corpo do pdf dentro do HTML, e criei uma variável que recebe o id da minha div
( ex: let conteudo = document.getElementById("pagina1") )
então chamo no meu fromHTML assim:
const pagina1 = () => {
doc.fromHTML(conteudo, 20, 40, { width: 80 });
};
Isso está funcionando normal, porém eu não consigo deixar o texto justificado,
na minha tela de vizualização do HTML o funciona e mostra o texto justificado, mas quando eu gero o pdf ele não justifica..
tentei também usar: doc.fromHTML(conteudo, 20, 40, { width: 80, align: "justify" }) e também não funcionou..
Sabe dizer como eu poderia fazer ?
Olá Paulo,
Segue o link do tutorial como gerar PDF com JavaScript com HTML: ruclips.net/video/517xYbBApSA/видео.html