Editați HTML în JavaScript folosind REST API

Biblioteca noastră Node oferă dezvoltatorilor posibilitatea de a modifica direct un HTML document prin editarea modelului de obiect al documentului (DOM), ceea ce înseamnă că nu trebuie instalat niciun software suplimentar.

Editați textul în HTML fișierul folosind JavaScript

Cel mai popular caz de editare a unui HTML fișier este editarea textului. Cu soluția software dată, puteți adăuga, modifica sau șterge text folosind JavaScript în document.

Editați tabelul în HTML fișierul folosind JavaScript

O altă opțiune populară de editare HTML este editarea tabelelor. SDK ul nostru Node vă permite să lucrați cu tabele și text în celulele tabelului.

Dezvoltatorii JavaScript pot adăuga sau elimina celule de tabel și tabel, precum și pot adăuga, edita și elimina text din ele.

Adăugați o imagine în HTML fișierul folosind JavaScript

Pe lângă editarea textului și a tabelelor în HTML, există o altă opțiune comună: adăugarea de imagini într-un document în JavaScript. Dezvoltatorii Node pot adăuga, de asemenea, o imagine într-un HTML fișier folosind DOM.

Editați HTML în mod programatic

Încercați acest puternic Node SDK și evaluați câteva opțiuni în editarea HTML documentelor. Folosind următorul exemplu, încărcați HTML documentul și faceți câteva modificări: adăugați text, adăugați un tabel și o celulă de tabel cu text sau inserați o imagine în HTML documentul:

Editați textul, tabelele sau imaginile în HTML folosind JavaScript

Fișiere de intrare

Încărcați un document pe care doriți să îl modificați

Rulați codul

Încărcați o imagine pe care doriți să o introduceți

Format de iesire

Selectați formatul țintă din listă

				
				
				
		

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

				

				Rulați codul
			

Copiați codul JavaScript în clipboard

Cum se editează HTML în JavaScript

Instalați "Aspose.Words Cloud pentru Node"
Adăugați o referință la bibliotecă (importați biblioteca) în proiectul dvs. JavaScript
Încărcați HTML pentru a edita în JavaScript
Inserați conținut la începutul lui HTML
Descărcați documentul rezultat din stocarea în cloud

JavaScript bibliotecă pentru a utiliza editarea HTML

Instalați 'Aspose.Words Cloud SDK for Node.js' folosind managerul de pachete NPM. Rulați npm install asposewordscloud --save din linia de comandă pentru a instala SDK ul prin managerul de pachete NPM. Ca alternativă, puteți clona manual codul sursă Aspose.Words Cloud SDK for Node.js din GitHub și îl puteți utiliza în proiectul dvs. Vă rugăm să urmați aceste Instructions pentru a obține rapid acreditările de securitate necesare și pentru a accesa API ul nostru REST.