Rediģējiet HTML programmā JavaScript, izmantojot REST API

Mūsu Node bibliotēka sniedz izstrādātājiem iespēju modificēt HTML dokumentu tieši, rediģējot tā Document Object Model (DOM), kas nozīmē, ka nav jāinstalē papildu programmatūra.

Rediģējiet tekstu HTML failā, izmantojot JavaScript

Populārākais HTML faila rediģēšanas gadījums ir teksta rediģēšana. Izmantojot doto programmatūras risinājumu, jūs varat pievienot, modificēt vai dzēst tekstu, izmantojot JavaScript dokumentā.

Rediģējiet tabulu HTML failā, izmantojot JavaScript

Vēl viena populāra HTML rediģēšanas iespēja ir tabulas rediģēšana. Mūsu Node SDK ļauj strādāt ar tabulām un tekstu tabulas šūnās.

JavaScript izstrādātāji var pievienot vai noņemt tabulas un tabulas šūnas, kā arī pievienot, rediģēt un noņemt tajās esošo tekstu.

Pievienojiet attēlu HTML failam, izmantojot JavaScript

Papildus teksta un tabulu rediģēšanai HTML formātā ir vēl viena izplatīta iespēja: attēlu pievienošana dokumentam programmā JavaScript. Node izstrādātāji var arī pievienot attēlu HTML failam, izmantojot DOM.

Programmatiski rediģējiet HTML

Izmēģiniet šo jaudīgo Node SDK un novērtējiet dažas HTML dokumentu rediģēšanas iespējas. Izmantojot šo piemēru, ielādējiet savu HTML dokumentu un veiciet dažas izmaiņas: pievienojiet tekstu, pievienojiet tabulu un tabulas šūnu ar tekstu vai ievietojiet attēlu HTML dokumentā:

Rediģējiet tekstu, tabulas vai attēlus programmā HTML, izmantojot JavaScript

Ievades faili

Augšupielādējiet dokumentu, kuru vēlaties modificēt

Palaist kodu

Augšupielādējiet attēlu, kuru vēlaties ievietot

Izvades formāts

Sarakstā atlasiet mērķa formātu

				
				
				
		

					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);
    });
});

				

				Palaist kodu
			

Kopējiet kodu JavaScript starpliktuvē

Kā rediģēt HTML pakalpojumā JavaScript

Instalējiet Aspose.Words Cloud for Node
Pievienojiet bibliotēkas atsauci (importējiet bibliotēku) savam JavaScript projektam
Ielādēt HTML, lai rediģētu JavaScript
Ievietot saturu HTML sākumā
Lejupielādējiet rezultātu dokumentu no mākoņa krātuves

JavaScript bibliotēka, lai izmantotu HTML rediģēšanu

Instalējiet 'Aspose.Words Cloud SDK for Node.js' izmantojot NPM pakotņu pārvaldnieku. Palaidiet npm install asposewordscloud --save no komandrindas, lai instalētu SDK, izmantojot NPM pakotņu pārvaldnieku. Kā alternatīvu varat manuāli klonēt Aspose.Words Cloud SDK for Node.js avota kodu no GitHub un izmantot to savā projektā. Lūdzu, izpildiet šos Instructions, lai ātri iegūtu nepieciešamos drošības akreditācijas datus un piekļūtu mūsu REST API.