Ferramentas para capturar e converter a Web

Atributos CSS suportados ao converter HTML em DOCX

GrabzIt's HTML para DOCX O conversor lê todos os elementos HTML e tenta produzir a aproximação mais próxima de cada elemento no DOCX. Como usamos um navegador para analisar os estilos de elementos HTML, o CSS do navegador é usado para o tipo de elemento ou o CSS personalizado fornecido pelo HTML.

A tabela abaixo detalha como o texto, imagens, tabelas, linhas e seções horizontais DOCX podem ser estilizados, enquanto isso fornece apenas uma ampla visão geral do que o conversor de HTML para DOCX faz, permitindo que você crie facilmente HTML que pode ser convertido intótimos documentos DOCX.

Texto
Atributos DOCX Atributos CSS Notas
fonte font-family
tamanho da fonte tamanho da fonte
cor da fonte cor
espaçamento esquerdo e direito padding-left, padding-right, margin-left, margin-right
espaçamento superior e inferior padding-top, padding-bottom, margin-top, margin-bottom
espaçamento entre linhas altura da linha
kerning espaçamento entre letras
Destacando background-color Isso só será aplicado se corresponder a uma das cores de destaque permitidas pela especificação DOCX: preto, azul, ciano, escuro, azul, escuro, ciano, escuro, cinza, escuro, verde, escuro, magenta, escuro, vermelho, amarelo, verde, claro, cinza, magenta, nenhum, vermelho, branco , amarelo
pino peso da fonte
itálico font-style
sublinhado text-decoration
sublinhar a cor texto-decoração-cor
estilo sublinhado estilo de decoração de texto
atacar text-decoration
alinhamento text-align
direção direção
maiúsculas, minúsculas, maiúsculas transformação de texto
small caps caps-variant-font
recuo do texto text-indent
sobrescrito e subscrito vertical-align
gravar, gravar, sombra, estrutura de tópicos text-shadow
cabeçalhos Tags h1, h2, h3, h4, h5, h6
largura da borda fronteira de largura Observe que esses estilos CSS serão aplicados apenas ao texto se todos os lados da borda tiverem o mesmo valor para cada tipo de atributo.
cor da borda Cor da borda
estilo de borda border-style
mesa
Atributos DOCX Atributos CSS Notas
largura da borda fronteira de largura
cor da borda Cor da borda
estilo de borda border-style
alinhamento text-align
Célula da tabela
Atributos DOCX Atributos CSS Notas
largura da borda fronteira de largura
cor da borda Cor da borda
estilo de borda border-style
Alinhamento vertical vertical-align
sombreamento background-color
estofamento celular acolchoamento
largura da célula largura No DOCX não há conceito de altura da célula.
Imagem
Atributos DOCX Atributos CSS Notas
espaçamento esquerdo e direito padding-left, padding-right, margin-left, margin-right
espaçamento superior e inferior padding-top, padding-bottom, margin-top, margin-bottom
alinhamento alinhamento de texto, margem esquerda, margem direita, float
direção direção
rotação transformar
largura da borda fronteira de largura Observe que esses estilos CSS serão aplicados apenas à imagem se todos os lados da borda tiverem o mesmo valor para cada tipo de atributo.
cor da borda Cor da borda
estilo de borda border-style
Lista
Atributos DOCX Atributos CSS Notas
marcador de item de lista lista de estilo de tipo
espaçamento esquerdo e direito padding-left, padding-right, margin-left, margin-right
espaçamento superior e inferior padding-top, padding-bottom, margin-top, margin-bottom
Linha Horizontal
Atributos DOCX Atributos CSS Notas
cor da borda Cor da borda
estilo de borda border-style
Seção
Atributos DOCX Atributos CSS Notas
numero de colunas contagem de colunas
linha da coluna regra da coluna
espaçamento entre colunas gap da coluna
quebras de página quebra de página depois, quebra de página interna Mais informações sobre como usar quebras de página no seu aplicativo.
Controles de formulário
Atributos DOCX Atributos CSS Notas
fonte font-family
tamanho da fonte tamanho da fonte
cor da fonte cor
espaçamento esquerdo e direito padding-left, padding-right, margin-left, margin-right
espaçamento superior e inferior padding-top, padding-bottom, margin-top, margin-bottom
Destacando background-color Isso só será aplicado se corresponder a uma das cores de destaque permitidas pela especificação DOCX: preto, azul, ciano, escuro, azul, escuro, ciano, escuro, cinza, escuro, verde, escuro, magenta, escuro, vermelho, amarelo, verde, claro, cinza, magenta, nenhum, vermelho, branco , amarelo
pino peso da fonte
itálico font-style
sublinhado text-decoration
sublinhar a cor texto-decoração-cor
estilo sublinhado estilo de decoração de texto
atacar text-decoration
alinhamento text-align
direção direção
maiúsculas, minúsculas, maiúsculas transformação de texto
small caps caps-variant-font
sobrescrito e subscrito vertical-align
gravar, gravar, sombra, estrutura de tópicos text-shadow
largura da borda fronteira de largura Observe que esses estilos CSS serão aplicados apenas ao texto se todos os lados da borda tiverem o mesmo valor para cada tipo de atributo.
cor da borda Cor da borda
estilo de borda border-style

Elementos HTML especiais DOCX

Embora não sejam estritamente CSS, esses recursos podem ajudá-lo a aprimorar seu documento do Word e merecem destaque aqui.

Não há informações suficientes sobre o abordagem GrabzIt leva ao converter HTML para DOCX.