Redigeerige HTML i JavaScript, kasutades REST API t

Meie Node teek annab arendajatele võimaluse HTML dokumenti otse muuta, muutes selle dokumendiobjekti mudelit (DOM), mis tähendab, et täiendavat tarkvara pole vaja installida.

Redigeerige HTML failis teksti JavaScript abil

Kõige populaarsem juhtum HTML faili redigeerimiseks on teksti redigeerimine. Antud tarkvaralahendusega saab dokumendis JavaScript abil teksti lisada, muuta või kustutada.

Redigeerige tabelit HTML failis JavaScript abil

Teine populaarne HTML i redigeerimisvõimalus on tabeli redigeerimine. Meie Node SDK võimaldab teil töötada tabelite ja tekstiga tabelilahtrites.

JavaScript arendajad saavad lisada või eemaldada tabeli ja tabeli lahtreid, samuti lisada, redigeerida ja eemaldada nendes teksti.

Lisage JavaScript abil pilt HTML faili

Lisaks teksti ja tabelite redigeerimisele HTML is on veel üks levinud võimalus: JavaScript dokumendile piltide lisamine. Node arendajad saavad DOM i abil lisada pildi ka HTML faili.

Redigeerige HTML i programmiliselt

Proovige seda võimsat Node SDK d ja hinnake mõningaid HTML dokumentide redigeerimise võimalusi. Kasutades järgmist näidet, laadige oma HTML dokument ja tehke mõned muudatused: lisage tekst, lisage tabel ja tekstiga tabelilahter või sisestage HTML dokumenti pilt:

Muutke teksti, tabeleid või pilte rakenduses HTML, kasutades JavaScript

Sisendfailid

Laadige üles dokument, mida soovite muuta

Käivita kood

Laadige üles pilt, mida soovite lisada

Väljundvorming

Valige loendist sihtvorming

				
				
				
		

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

				

				Käivita kood
			

Kopeerige kood JavaScript lõikelauale

Kuidas muuta HTML rakenduses JavaScript

Installige "Aspose.Words Cloud for Node"
Lisage oma JavaScript projektile teegi viide (importige teek).
Laadige HTML, et seda jaotises JavaScript muuta
Sisesta sisu HTML alguses
Laadige tulemusdokument pilvesalvestusest alla

JavaScript teek, et kasutada HTML redigeerimist

Installige 'Aspose.Words Cloud SDK for Node.js' kasutades NPM -i paketihaldurit. Käivitage SDK installimiseks NPM i paketihalduri kaudu käsurealt käsk npm install asposewordscloud --save. Alternatiivina saate käsitsi kloonida Aspose.Words Cloud SDK for Node.js lähtekoodi GitHubist ja kasutada seda oma projektis. Järgige neid Instructions, et kiiresti hankida vajalikud turbemandaadid ja pääseda juurde meie REST API le.