Επεξεργαστείτε το HTML στο JavaScript χρησιμοποιώντας το REST API

Η βιβλιοθήκη Node μας δίνει στους προγραμματιστές τη δυνατότητα να τροποποιούν απευθείας ένα HTML έγγραφο επεξεργάζοντας το Μοντέλο Αντικειμένου Εγγράφου (DOM), πράγμα που σημαίνει ότι δεν χρειάζεται να εγκατασταθεί πρόσθετο λογισμικό.

Επεξεργαστείτε κείμενο σε HTML αρχείο χρησιμοποιώντας το JavaScript

Η πιο δημοφιλής περίπτωση για να επεξεργαστείτε ένα HTML αρχείο είναι η επεξεργασία κειμένου. Με τη δεδομένη λύση λογισμικού, μπορείτε να προσθέσετε, να τροποποιήσετε ή να διαγράψετε κείμενο χρησιμοποιώντας το JavaScript μέσα στο έγγραφο.

Επεξεργασία πίνακα σε HTML αρχείο χρησιμοποιώντας το JavaScript

Μια άλλη δημοφιλής επιλογή επεξεργασίας HTML είναι η επεξεργασία πίνακα. Το Node SDK σας επιτρέπει να εργάζεστε με πίνακες και κείμενο σε κελιά πίνακα.

Οι προγραμματιστές του JavaScript μπορούν να προσθέσουν ή να αφαιρέσουν κελιά πίνακα και πίνακα, καθώς και να προσθέσουν, να επεξεργαστούν και να αφαιρέσουν κείμενο μέσα σε αυτά.

Προσθέστε μια εικόνα σε HTML αρχείο χρησιμοποιώντας το JavaScript

Εκτός από την επεξεργασία κειμένου και πινάκων σε HTML, υπάρχει μια άλλη κοινή επιλογή: η προσθήκη εικόνων σε ένα έγγραφο στο JavaScript. Οι προγραμματιστές Node μπορούν επίσης να προσθέσουν μια εικόνα σε ένα HTML αρχείο χρησιμοποιώντας DOM.

Επεξεργαστείτε το HTML μέσω προγραμματισμού

Δοκιμάστε αυτό το πανίσχυρο Node SDK και αξιολογήστε ορισμένες επιλογές στην επεξεργασία HTML εγγράφων. Χρησιμοποιώντας το ακόλουθο παράδειγμα, φορτώστε το έγγραφό σας HTML και κάντε ορισμένες αλλαγές: προσθέστε κείμενο, προσθέστε έναν πίνακα και ένα κελί πίνακα με κείμενο ή εισαγάγετε μια εικόνα στο HTML έγγραφο:

Επεξεργαστείτε κείμενο, πίνακες ή εικόνες στο HTML χρησιμοποιώντας το JavaScript

Εισαγωγή αρχείων

Μεταφορτώστε ένα έγγραφο που θέλετε να τροποποιήσετε

Εκτέλεση κώδικα

Ανεβάστε μια εικόνα που θέλετε να εισαγάγετε

Μορφή εξόδου

Επιλέξτε τη μορφή προορισμού από τη λίστα

				
				
				
		

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

				

				Εκτέλεση κώδικα
			

Αντιγράψτε τον κωδικό JavaScript στο πρόχειρο

Πώς να επεξεργαστείτε το HTML στο JavaScript

Εγκαταστήστε το "Aspose.Words Cloud for Node"
Προσθέστε μια αναφορά βιβλιοθήκης (εισάγετε τη βιβλιοθήκη) στο έργο σας JavaScript
Φόρτωση HTML για επεξεργασία στο JavaScript
Εισαγάγετε περιεχόμενο στην αρχή του HTML
Πραγματοποιήστε λήψη του εγγράφου αποτελέσματος από το χώρο αποθήκευσης cloud

JavaScript βιβλιοθήκη για χρήση της επεξεργασίας HTML

Εγκαταστήστε 'Aspose.Words Cloud SDK for Node.js' χρησιμοποιώντας τη διαχείριση πακέτων NPM. Εκτελέστε npm install asposewordscloud --save από τη γραμμή εντολών για να εγκαταστήσετε το SDK μέσω της διαχείρισης πακέτων NPM. Εναλλακτικά, μπορείτε να κλωνοποιήσετε μη αυτόματα το Aspose.Words Cloud SDK for Node.js από το GitHub και να το χρησιμοποιήσετε στο έργο σας. Ακολουθήστε αυτές τις Instructions για να λάβετε γρήγορα τα απαραίτητα διαπιστευτήρια ασφαλείας και να αποκτήσετε πρόσβαση στο REST API.