Muokkaa HTML JavaScript REST API avulla

Node kirjastomme antaa kehittäjille mahdollisuuden muokata HTML dokumenttia suoraan muokkaamalla sen Document Object Model (DOM) -mallia, mikä tarkoittaa, että lisäohjelmistoja ei tarvitse asentaa.

Muokkaa tekstiä HTML tiedostossa JavaScript

Suosituin tapa muokata HTML tiedostoa on tekstinmuokkaus. Annetulla ohjelmistoratkaisulla voit lisätä, muokata tai poistaa tekstiä JavaScript asiakirjassa.

Muokkaa taulukkoa HTML tiedostossa JavaScript

Toinen suosittu HTML muokkausvaihtoehto on taulukon muokkaus. Node SDK:n avulla voit käsitellä taulukoita ja tekstiä taulukon soluissa.

JavaScript kehittäjät voivat lisätä tai poistaa taulukon ja taulukon soluja sekä lisätä, muokata ja poistaa tekstiä niissä.

Lisää kuva HTML tiedostoon JavaScript

Tekstin ja taulukoiden muokkaamisen lisäksi HTML on toinen yleinen vaihtoehto: kuvien lisääminen asiakirjaan JavaScript. Node kehittäjät voivat myös lisätä kuvan HTML tiedostoon DOM:n avulla.

Muokkaa HTML ohjelmallisesti

Kokeile tätä tehokasta Node SDK:ta ja arvioi joitain vaihtoehtoja HTML dokumenttien muokkauksessa. Lataa HTML dokumentti ja tee joitain muutoksia seuraavan esimerkin avulla: lisää tekstiä, lisää taulukko ja taulukon solu tekstillä tai lisää kuva HTML dokumenttiin:

Muokkaa tekstiä, taulukoita tai kuvia kielellä HTML käyttämällä JavaScript

Syötä tiedostot

Lataa dokumentti, jota haluat muokata

Suorita koodi

Lataa kuva, jonka haluat lisätä

Tulostusmuoto

Valitse kohdemuoto luettelosta

				
				
				
		

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

				

				Suorita koodi
			

Kopioi koodi JavaScript leikepöydälle

Kuinka muokata HTML:a kohteessa JavaScript

Asenna "Aspose.Words Cloud for Node"
Lisää kirjastoviite (tuo kirjasto) JavaScript projektiisi
Lataa HTML muokataksesi JavaScript
Lisää sisältö HTML alkuun
Lataa tulosasiakirja pilvitallennustilasta

JavaScript kirjasto käyttää HTML muokkausta

Asenna 'Aspose.Words Cloud SDK for Node.js' NPM -paketinhallinnan avulla. Suorita npm install asposewordscloud --save komentoriviltä asentaaksesi SDK NPM paketinhallinnan kautta. Vaihtoehtoisesti voit kloonata manuaalisesti Aspose.Words Cloud SDK for Node.js lähdekoodin GitHubista ja käyttää sitä projektissasi. Noudata näitä Instructions saadaksesi nopeasti tarvittavat suojaustiedot ja käyttääksesi REST sovellusliittymäämme.