REST API kullanarak JavaScript'da HTML'yi düzenleyin

Node kitaplığımız geliştiricilere, Belge Nesne Modelini (DOM) düzenleyerek bir HTML belgesini doğrudan değiştirme yeteneği verir, bu da ek bir yazılımın yüklenmesi gerekmediği anlamına gelir.

JavaScript kullanarak HTML dosyasındaki metni düzenleyin

Bir HTML dosyasını düzenlemek için en popüler durum metin düzenlemedir. Verilen yazılım çözümü ile belge içinde JavaScript kullanarak metin ekleyebilir, değiştirebilir veya silebilirsiniz.

Tabloyu JavaScript kullanarak HTML dosyasında düzenleyin

Bir başka popüler HTML düzenleme seçeneği de tablo düzenlemedir. Node SDK'mız, tablo hücrelerinde tablolar ve metinlerle çalışmanıza olanak tanır.

JavaScript geliştiricileri, tablo ve tablo hücrelerini ekleyebilir veya kaldırabilir, ayrıca bunlara metin ekleyebilir, düzenleyebilir ve kaldırabilir.

JavaScript kullanarak HTML dosyasına bir resim ekleyin

HTML'de metin ve tabloları düzenlemenin yanı sıra başka bir yaygın seçenek daha vardır: JavaScript'da bir belgeye resim eklemek. Node geliştiricileri, DOM kullanarak bir HTML dosyasına bir görüntü de ekleyebilir.

HTML'yi programlı olarak düzenleyin

Bu güçlü Node SDK'sını deneyin ve HTML belge düzenlemedeki bazı seçenekleri değerlendirin. Aşağıdaki örneği kullanarak, HTML belgenizi yükleyin ve bazı değişiklikler yapın: metin ekleyin, metin içeren bir tablo ve tablo hücresi ekleyin veya HTML belgesine bir resim ekleyin:

JavaScript kullanarak HTML içindeki metni, tabloları veya resimleri düzenleyin

Giriş dosyaları

Değiştirmek istediğiniz bir belgeyi yükleyin

Kodu çalıştır

Eklemek istediğiniz bir resmi yükleyin

Çıkış formatı

Listeden hedef formatı seçin

				
				
				
		

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

				

				Kodu çalıştır
			

JavaScript kodunu panoya kopyalayın

JavaScript içinde HTML nasıl düzenlenir

Aspose.Words Cloud for Node yükleyin
JavaScript projenize bir kitaplık referansı ekleyin (kütüphaneyi içe aktarın)
JavaScript içinde düzenlemek için HTML yükleyin
HTML öğesinin başına içerik ekle
Sonuç belgesini bulut deposundan indirin

HTML düzenlemesini kullanmak için JavaScript kitaplığı

NPM paket yöneticisini kullanarak 'Aspose.Words Cloud SDK for Node.js' kurun. SDK'yı NPM paket yöneticisi aracılığıyla kurmak için komut satırından npm install asposewordscloud --save komutunu çalıştırın. Alternatif olarak, GitHub'dan Aspose.Words Cloud SDK for Node.js kaynak kodunu manuel olarak klonlayabilir ve projenizde kullanabilirsiniz. Gerekli güvenlik kimlik bilgilerini hızla almak ve REST API'mize erişmek için lütfen bu Instructions izleyin.