Editar HTML no JavaScript usando a REST API

Nossa Node biblioteca oferece aos desenvolvedores a capacidade de modificar um HTML documento diretamente editando seu Document Object Model (DOM), o que significa que nenhum software adicional precisa ser instalado.

Editar texto em HTML arquivo usando JavaScript

O caso mais popular para editar um HTML arquivo é a edição de texto. Com a solução de software fornecida, você pode adicionar, modificar ou excluir texto usando JavaScript no documento.

Editar tabela em HTML arquivo usando JavaScript

Outra opção popular de edição de HTML é a edição de tabelas. Nosso Node SDK permite que você trabalhe com tabelas e texto em células de tabela.

Os desenvolvedores JavaScript podem adicionar ou remover tabelas e células de tabelas, bem como adicionar, editar e remover texto dentro delas.

Adicionar uma imagem ao HTML arquivo usando JavaScript

Além de editar texto e tabelas em HTML, existe outra opção comum: adicionar imagens a um documento em JavaScript. Os desenvolvedores do Node também podem adicionar uma imagem em um HTML arquivo usando DOM.

Editar HTML programaticamente

Experimente este poderoso SDK do Node e avalie algumas opções na edição de HTML documentos. Usando o exemplo a seguir, carregue seu HTML documento e faça algumas alterações: adicione texto, adicione uma tabela e uma célula de tabela com texto ou insira uma imagem no HTML documento:

Edite texto, tabelas ou imagens em HTML usando JavaScript

Arquivos de entrada

Carregue um documento que você deseja modificar

Código de execução

Carregue uma imagem que você deseja inserir

Formato de saída

Selecione o formato de destino na lista

				
				
				
		

					import * as fs from "fs";

const wordsApi = new WordsApi("####-####-####-####-####", "##################");

const requestDocument = fs.createReadStream("Input.html");
const requestParagraph = new model.ParagraphInsert({
    text: "Morbi enim nunc faucibus a."
})
const insertParagraphRequest = new model.InsertParagraphOnlineRequest({
    document: requestDocument,
    paragraph: requestParagraph
});

wordsApi.insertParagraphOnline(insertParagraphRequest)
.then((insertParagraphResult) => {    
    const requestDocument = insertParagraphResult.Document.Values();
    const convertDocument = new model.ConvertDocumentRequest({
        document: requestDocument,
        format: "html"
    });

    wordsApi.convertDocument(convertDocument)
    .then((convertDocumentResult) => {
        console.log("Result of ConvertDocument: ", convertDocumentResult);
    });
});

				

					import * as fs from "fs";

const wordsApi = new WordsApi("####-####-####-####-####", "##################");

const requestDocument = fs.createReadStream("Input.html");
const requestTable = new model.TableInsert({
    columnsCount: 1,
    rowsCount: 2
})
const insertTableRequest = new model.InsertTableOnlineRequest({
    document: requestDocument,
    table: requestTable,
    nodePath: ""
});

wordsApi.insertTableOnline(insertTableRequest)
.then((insertTableResult) => {    
    const requestDocument = insertTableResult.Document.Values();
    const convertDocument = new model.ConvertDocumentRequest({
        document: requestDocument,
        format: "html"
    });

    wordsApi.convertDocument(convertDocument)
    .then((convertDocumentResult) => {
        console.log("Result of ConvertDocument: ", convertDocumentResult);
    });
});

				

					import * as fs from "fs";

const wordsApi = new WordsApi("####-####-####-####-####", "##################");

const requestDocument = fs.createReadStream("Input1.html");
const requestDrawingObject = new model.DrawingObjectInsert({
    height: 0,
    left: 0,
    top: 0,
    width: 0,
    relativeHorizontalPosition: model.DrawingObjectInsert.RelativeHorizontalPositionEnum.Margin,
    relativeVerticalPosition: model.DrawingObjectInsert.RelativeVerticalPositionEnum.Margin,
    wrapType: model.DrawingObjectInsert.WrapTypeEnum.Inline
})
const requestImageFile = fs.createReadStream("Input2.html");
const insertDrawingObjectRequest = new model.InsertDrawingObjectOnlineRequest({
    document: requestDocument,
    drawingObject: requestDrawingObject,
    imageFile: requestImageFile,
    nodePath: "sections/0"
});

wordsApi.insertDrawingObjectOnline(insertDrawingObjectRequest)
.then((insertDrawingObjectResult) => {    
    const requestDocument = insertDrawingObjectResult.Document.Values();
    const convertDocument = new model.ConvertDocumentRequest({
        document: requestDocument,
        format: "html"
    });

    wordsApi.convertDocument(convertDocument)
    .then((convertDocumentResult) => {
        console.log("Result of ConvertDocument: ", convertDocumentResult);
    });
});

				

				Código de execução
			

Copie o código JavaScript para a área de transferência

Como editar HTML em JavaScript

Instale o 'Aspose.Words Cloud para Node'
Adicione uma referência de biblioteca (importe a biblioteca) ao seu projeto JavaScript
Carregue HTML para editar em JavaScript
Insira o conteúdo no início de HTML
Baixe o documento de resultado do armazenamento em nuvem

JavaScript biblioteca para usar a edição HTML

Instale 'Aspose.Words Cloud SDK for Node.js' usando o gerenciador de pacotes NPM. Execute npm install asposewordscloud --save na linha de comando para instalar o SDK por meio do gerenciador de pacotes NPM. Como alternativa, você pode clonar manualmente o código-fonte do Aspose.Words Cloud SDK for Node.js do GitHub e usá-lo em seu projeto. Siga estas Instructions para obter rapidamente as credenciais de segurança necessárias e acessar nossa REST API.