تحرير HTML في Node SDK

استخدم REST API لتحرير HTML في JavaScript برمجيًا

عندما يقوم المطورون بتعديل مستند HTML باستخدام هذه المكتبة JavaScript، فإن ما يتم تحريره بالفعل هو نموذج كائن المستند (DOM). وبالتالي، يمكن إجراء أي تغييرات تقريبًا على مستند HTML الممثل كـ DOM. باستخدام Node SDK المقدم، يمكن للمطورين تحرير مستند بسهولة: تعديل النص وتحديث الجداول وإضافة الصور وما إلى ذلك. ما عليك سوى تحميل HTML وإجراء التغييرات اللازمة برمجيًا وتصدير النتيجة إلى نفس تنسيق الحفظ أو أي تنسيق مدعوم.

عرض مقتطف الكود

تحرير 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:

قم بتحميل المستند الذي تريد تعديله
قم بتشغيل الكود
قم بتحميل الصورة التي تريد إدراجها
حدد التنسيق الهدف من القائمة
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

  1. ثبّت "Aspose.Words Cloud لـ Node"
  2. أضف مرجع مكتبة (استيراد المكتبة) إلى مشروع JavaScript الخاص بك
  3. تحميل HTML للتعديل في JavaScript
  4. أدخل المحتوى في بداية HTML
  5. قم بتنزيل المستند الناتج من التخزين السحابي

مكتبة 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.

متطلبات النظام

  • @types/request (version 2.48.3+)
  • lodash (version 4.17.15+)
  • lodash.template (version 4.5.0+)
  • request (version 2.88.0+)
  • request-debug (version 0.2.0+)

الرجوع إلى Repository Documentation لمعرفة المزيد من التفاصيل.

تنسيقات الملفات المدعومة الأخرى

يمكنك إجراء عملية التحرير لتنسيقات الملفات الأخرى:

5%

اشترك في Aspose Product Updates

احصل على رسائل إخبارية وعروض شهرية يتم تسليمها مباشرة إلى صندوق البريد الخاص بك.

© Aspose Pty Ltd 2001-2024. كل الحقوق محفوظة.