
HYPERTEXT MARKUP LANGUAGE CONVERSOR
FORMATAÇÃO
|
|
|
|
|
O código fonte será exibido aqui.
DESENVOLVIMENTO - COORDENADORIA DE PLANEJAMENTO ADMINISTRATIVO
Manual de Instruções
×Passo a Passo
Preparação do Documento
- Clique na área de edição (retângulo branco).
- Clique no botão "Inserir Cabeçalho".
Importação do Texto
- Abra o arquivo .doc do ato normativo.
- Copie todo o conteúdo, desde a ementa até a assinatura final.
- Cole o texto logo abaixo do cabeçalho inserido.
Formatação do Título
- Selecione com o mouse o título completo do ato normativo.
- Clique no botão de hiperlink (ícone de corrente) e insira o link do PDF do ato.
- Com o título ainda selecionado, clique no botão "B" para aplicar negrito.
Formatação da Ementa
- Selecione todo o texto da ementa (parágrafo abaixo do título).
- Clique no botão "Padrão Ementa".
Inserção de Hiperlinks
- Identifique todas as citações de atos normativos no texto.
- Para cada ato normativo citado:
- Selecione a referência completa.
- Localize o link oficial do ato.
- Clique no botão de hiperlink e insira o link.
- Para o número do processo UFSM:
- Selecione apenas o código numérico.
- Clique no botão de hiperlink e insira o link.
Adição do Rodapé
- Posicione o cursor após a assinatura e pressione Enter.
- Clique no botão "Rodapé" e insira o mesmo link usado no título.
Finalização
- Clique no botão "Converter".
- Clique em "Copiar HTML".
- Salve o código em um arquivo .txt para referência futura.
- Insira o HTML copiado no Elementor como código HTML.
Observações Importantes
- Verifique se todos os hiperlinks estão funcionando antes de publicar.
- Confirme se a formatação foi mantida após a conversão.

MINISTÉRIO DA EDUCAÇÃO
';
const texto2 = 'UNIVERSIDADE FEDERAL DE SANTA MARIA
';
const texto3 = ''; const texto4 = ''; document.execCommand('insertHTML', false, imgTag + texto1 + texto2 + texto3 + texto4); } function formatHTML(html) { let formatted = ''; let reg = /(>)(<)(\/*)/g; let xml = html.replace(reg, '$1\r\n$2$3'); xml.split('\r\n').forEach(function(node) { formatted += node + '\r\n'; }); return formatted.trim(); } function convertToHTML() { const editor = document.getElementById('inputText'); const output = document.getElementById('codeOutput'); let htmlContent = editor.innerHTML; // Formatar o HTML antes de exibir let formattedHTML = formatHTML(htmlContent); // Certificar-se de que todos os links tenham as propriedades preservadas do Elementor formattedHTML = formattedHTML.replace(/]*)>/g, ''); output.textContent = formattedHTML; } function clearText() { const editor = document.getElementById('inputText'); editor.innerHTML = ''; } function copyHTML() { const output = document.getElementById('codeOutput'); navigator.clipboard.writeText(output.textContent).then(() => { alert("HTML copiado para a área de transferência!"); }); } function applyColor(color) { const editor = document.getElementById('inputText'); document.execCommand('foreColor', false, color); } function insertRodape() { const editor = document.getElementById('inputText'); const url = prompt("Digite o link do Portal de Documentos:"); let rodapeTexto; if (url && url.trim() !== "") { // Usando atributos mais fortes para o Elementor rodapeTexto = `
Este texto não substitui o documento original, publicado no Portal de Documentos. Disponível em ${url}
`; } else { rodapeTexto = `Este texto não substitui o documento original, publicado no Portal de Documentos. Disponível em: [Link não informado]
`; } document.execCommand('insertHTML', false, rodapeTexto); } // Preservar formatação ao colar document.getElementById('inputText').addEventListener('paste', function(e) { // Evita o comportamento padrão que poderia limpar a formatação e.preventDefault(); // Obtém o texto colado com formatação const text = e.clipboardData.getData('text/html') || e.clipboardData.getData('text'); // Insere o conteúdo preservando a formatação document.execCommand('insertHTML', false, text); }); // Função para alternar a visibilidade do manual function toggleManual() { const sidebar = document.getElementById('manualSidebar'); const mainContainer = document.getElementById('mainContainer'); sidebar.classList.toggle('active'); // Ajusta o espaço principal quando o sidebar está visível if (sidebar.classList.contains('active')) { mainContainer.classList.add('with-sidebar'); } else { mainContainer.classList.remove('with-sidebar'); } }