צור, קרא וערוך קובצי HTML ב-C#

אם אתה מתכנת C# שמחפש דרך יעילה לעבוד עם קובצי HTML, המאמר הזה הוא בשבילך. נסביר את היסודות של אופן הפעולה של C# עם קובצי HTML, החל מיצירתם מאפס ועד לקריאה ועריכה של מסמכים קיימים. במאמר זה נלמד כיצד ליצור, לקרוא ולערוך קבצי HTML ב-C#.

HTML(Hyper Text Markup Language) היא שפה המשמשת ליצירת אתרים ודפי אינטרנט. C#, לעומת זאת, היא שפת תכנות מונחה עצמים המשמשת לבניית יישומים. קובץ HTML מכיל תגי סימון המשמשים לעיצוב המבנה של דף אינטרנט להצגה בדפדפנים. אנו יכולים לתפעל בקלות קבצי HTML באופן פרוגרמטי ביישומי NET. במאמר זה, נחקור כיצד להשתמש ב-C# לקריאה, כתיבה ועריכה של קובצי HTML. נבחן דרכים לנתח קוד HTML עבור אלמנטים ספציפיים וליצור אלמנטים חדשים מאפס או לערוך אלמנטים קיימים. בואו נתחיל!

הנושאים הבאים יכוסו במאמר זה:

1. C# API ליצירה, קריאה ועריכה של קובצי HTML
2. צור קובץ HTML
3. קרא קובץ HTML
4. ערוך קובץ HTML
5. הוסף תוכן HTML גולמי ב-C#

C# API ליצירה, קריאה ועריכה של קובצי HTML

כדי ליצור, לקרוא ולערוך קובצי HTML, נשתמש ב-Aspose.HTML for .NET API. זהו API מתקדם לעיבוד HTML המאפשר יצירה, שינוי והפקה של נתונים ממסמכי HTML. זה גם מאפשר המרה ועיבוד של מסמכי HTML ללא כל תוכנה חיצונית.

המחלקה HTMLDocument של ה-API מייצגת מסמך HTML או דף HTML שאנו רואים בדפדפן. השיטה CreateElement() של מחלקה זו יוצרת את רכיב ה-HTML שצוין על ידי tagName. השיטה CreateTextNode(string) יוצרת צומת טקסט בהינתן המחרוזת שצוינה. השיטה AppendChild() של ממשק ה-Node מוסיפה צומת לסוף רשימת הילדים של צומת אב שצוין. השיטה Save() שומרת את קובץ הפלט. תוכל גם לקרוא עוד על מרחב שמות DOM בתיעוד.

אנא הורד את ה-DLL של ה-API או התקן אותו באמצעות NuGet.

PM> Install-Package Aspose.Html

צור קובץ HTML ב-C#

אנו יכולים ליצור בקלות קובץ HTML על ידי ביצוע השלבים המפורטים להלן:

1. ראשית, צור מופע של המחלקה HTMLDocument.
2. לאחר מכן, קרא למתודה CreateElement() כדי ליצור אלמנטים כגון כותרת, פסקה, טקסט וכו'.
3. לאחר מכן, קרא למתודה CreateTextNode() כדי להוסיף את צומת הטקסט.
4. לאחר מכן, הוסף את הצומת שנוצר לאלמנט באמצעות שיטת AppendChild() .
5. לאחר מכן, צרף אלמנטים לגוף המסמך באמצעות שיטת HTMLDocument.Body.AppendChild()‎.
6. חזור על השלבים לעיל כדי להוסיף עוד אלמנטים.
7. לבסוף, שמור את מסמך ה-HTML באמצעות שיטת Save() . זה לוקח את נתיב קובץ הפלט כארגומנט.

דוגמת הקוד הבאה מראה כיצד ליצור קובץ HTML באמצעות C#.

// דוגמה זו מדגימה כיצד ליצור מסמך HTML.

// צור מסמך HTML ריק
var document = new HTMLDocument();

// הוסף כותרת
// 1. צור אלמנט כותרת
var h2 = (HTMLHeadingElement)document.CreateElement("h2");

// 2. צור אלמנט טקסט
var text = document.CreateTextNode("This is Sample Heading!");

// 3. הוסף אלמנט טקסט לכותרת
h2.AppendChild(text);

// 4. הוסף כותרת to the document
document.Body.AppendChild(h2);

// הוסף פסקה
// 1. צור אלמנט פסקה
var p = (HTMLParagraphElement)document.CreateElement("p");

// 2. הגדר מאפיין מותאם אישית
p.SetAttribute("id", "first-paragraph");

// 3. צור צומת טקסט
var paraText = document.CreateTextNode("This is first paragraph. ");

// 4. הוסף את הטקסט לפסקה
p.AppendChild(paraText);

// 5. צרף פסקה לגוף המסמך 
document.Body.AppendChild(p);

// הוסף רשימה מסודרת
// צור רכיב פסקה
var list = (HTMLOListElement)document.CreateElement("ol");

// הוסף לי פריט 1
var item1 = (HTMLLIElement)document.CreateElement("li");
item1.AppendChild(document.CreateTextNode("First list item."));

// הוסף לי פריט 2
var item2 = (HTMLLIElement)document.CreateElement("li");
item2.AppendChild(document.CreateTextNode("Second list item."));

// הוסף לי פריטים לרשימה
list.AppendChild(item1);
list.AppendChild(item2);

// צרף רשימה לגוף המסמך 
document.Body.AppendChild(list);

// שמור את מסמך ה-HTML בקובץ 
document.Save(@"C:\Files\html\create-new-document.html");

קרא קובץ HTML ב-C#

בסעיף הקודם יצרנו קובץ HTML. כעת, נטען את הקובץ ונקרא את תוכנו על ידי ביצוע השלבים המפורטים להלן:

1. טען קובץ HTML קיים באמצעות המחלקה HTMLDocument.
2. קרא והצג את התוכן של HTMLDocument.DocumentElement.OuterHTML.

דוגמת הקוד הבאה מראה כיצד לקרוא קובץ HTML באמצעות C#.

// דוגמה זו מדגימה כיצד לקרוא קובץ HTML
// הכן נתיב פלט לשמירת מסמך
string documentPath = @"C:\Files\html\create-new-document.html";

// טען קובץ HTML
var document = new HTMLDocument(documentPath);

// כתוב את תוכן המסמך לזרם הפלט
Console.WriteLine(document.DocumentElement.OuterHTML);

<html><head></head><body><h2>This is Sample Heading!</h2><p id="first-paragraph">This is first paragraph. </p><ol><li>First list item.</li><li>Second list item.</li></ol></body></html>

ערוך קובץ HTML ב-C#

אנחנו יכולים גם לעדכן את התוכן של קבצי HTML. אנו יכולים להוסיף צמתים/אלמנטים נוספים על ידי ביצוע השלבים שהוזכרו לעיל. עם זאת, אנו יכולים לשנות את ההערות/הרכיבים הקיימים על ידי ביצוע השלבים המפורטים להלן:

1. טען קובץ HTML קיים באמצעות המחלקה HTMLDocument.
2. לאחר מכן, קרא למתודה CreateTextNode() כדי להוסיף את צומת הטקסט.
3. לאחר מכן, קבל את רכיב הפסקה הראשון באמצעות שיטת GetElementsByTagName() . זה לוקח “p” כטיעון.
4. לאחר מכן, קרא למתודה AppendChild() כדי להוסיף את צומת הטקסט.
5. חזור על השלבים לעיל כדי לשנות אלמנטים נוספים.
6. לבסוף, שמור את מסמך ה-HTML באמצעות שיטת Save() . זה לוקח את נתיב קובץ הפלט כארגומנט.

דוגמת הקוד הבאה מראה כיצד לשנות קובץ HTML באמצעות C#.

// דוגמה זו מדגימה כיצד לערוך תוכן של קובץ HTML.
// הכן נתיב פלט לשמירת מסמך
string documentPath = @"C:\Files\html\create-new-document.html";

// צור מופע של מסמך HTML
var document = new HTMLDocument(documentPath);

// צור צומת טקסט
var oldParaText = document.CreateTextNode("This is old first paragraph.");

// קבל אלמנט פסקה ראשונה
var p = (HTMLParagraphElement)document.GetElementsByTagName("p").First();
p.AppendChild(oldParaText);

// שמור את מסמך ה-HTML בקובץ 
document.Save(@"C:\Files\html\modify.html");

דוגמת הקוד הבאה מציגה דוגמה מורכבת יותר שבה אנו מוסיפים אלמנטים חדשים ומשנים את הקיימים.

// דוגמה זו מדגימה כיצד לבצע ולערוך אלמנטים בקובץ HTML esiting.
// הכן נתיב פלט לשמירת מסמך
string documentPath = @"C:\Files\html\create-new-document.html";

// צור מופע של מסמך HTML
var document = new HTMLDocument(documentPath);

// צור אלמנט בסגנון והקצה את הצבע הירוק לכל האלמנטים עם שם המחלקה שווה ל'gr'.
var style = document.CreateElement("style");
style.TextContent = ".rd { color: red }";

// מצא את רכיב כותרת המסמך והוסף את אלמנט הסגנון לכותרת
var head = document.GetElementsByTagName("head").First();
head.AppendChild(style);

// צור צומת טקסט
var oldParaText = document.CreateTextNode("This is old first paragraph.");

// צור רכיב פסקה עם שם המחלקה 'gr'.
var p = (HTMLParagraphElement)document.GetElementsByTagName("p").First();
p.ClassName = "rd";
p.AppendChild(oldParaText);

// צור רכיב פסקה
var newPara = (HTMLParagraphElement)document.CreateElement("p");

// צור צומת טקסט
var paraText = document.CreateTextNode("This is second paragraph. ");

// הוסף את הטקסט לפסקה
newPara.AppendChild(paraText);

// צרף פסקה לגוף המסמך 
document.Body.AppendChild(newPara);

// שמור את מסמך ה-HTML בקובץ 
document.Save(@"C:\Files\html\edit.html");

הוסף תוכן HTML גולמי ב-C#

אנו יכולים להוסיף או לערוך אלמנטים על ידי הוספה ידנית של קוד HTML כתוכן באמצעות המאפיין InnerHTML של אלמנט. אנו יכולים להוסיף HTML גולמי על ידי ביצוע השלבים המפורטים להלן:

1. ראשית, צור מופע של המחלקה HTMLDocument.
2. לאחר מכן, הגדר את התוכן של אלמנט Body.InnerHTML כמחרוזת HTML גולמית.
3. לבסוף, שמור את מסמך ה-HTML באמצעות שיטת Save() . זה לוקח את נתיב קובץ הפלט כארגומנט.

דוגמת הקוד הבאה מראה כיצד להוסיף תוכן HTML גולמי לקובץ באמצעות C#.

// דוגמה זו מדגימה כיצד להוסיף HTML Raw לגוף HTML.
// צור מופע של מסמך HTML
using (var document = new HTMLDocument())
{
    // כתוב את התוכן של מסמך ה-HTML לתוך פלט המסוף
    Console.WriteLine(document.DocumentElement.OuterHTML); 

    // הגדר את התוכן של אלמנט הגוף
    document.Body.InnerHTML = "<p>HTML is the standard markup language for Web pages.</p>";

    /// שמור את מסמך ה-HTML בקובץ 
    document.Save(@"C:\Files\html\using-innerHTML.html");
}

קבל רישיון חינם

אתה יכול לקבל רישיון זמני בחינם לנסות את Aspose.HTML עבור .NET ללא מגבלות הערכה.

סיכום

במאמר זה למדנו כיצד:

• צור מסמכי HTML באופן פרוגרמטי;
• טען מסמך HTML קיים מנתיב הדיסק המקומי;
• קרא את ה-HTML מהקובץ שנטען;
• הוסף תוכן חדש לקובץ HTML קיים;
• לשנות תוכן קיים ב-C#.

מלבד יצירה, קריאה ועריכה של קובצי HTML ב-C#, אתה יכול ללמוד עוד על Aspose.HTML עבור .NET API באמצעות תיעוד. בכל מקרה של אי בהירות, אנא אל תהסס לפנות אלינו ב[פורום התמיכה החינמי] שלנו18.

ראה גם

• הורד את התמונה מכתובת האתר ב-C#
• צור Web Scraper ב-C#
• המרת HTML לקובץ MHT ב-C#