Який найкращий спосіб створити HTML в коді C #? [зачинено]

Я вважаю, що розмітка повинна залишатися в розмітці, а не в коді позаду.

Я потрапив у ситуацію, коли я вважаю прийнятним побудувати HTML у коді позаду. Я хотів би досягти консенсусу щодо того, якими найкращими практиками є чи мають бути.

Коли допустимо будувати HTML в коді позаду? Який найкращий метод створити цей html? (наприклад: Strings, StringBuilder, HTMLWriter тощо)

Чи тут не застосовується щось на зразок Razor ? Тому що якщо ви робите багато генерації html за допомогою переглядача, це може зробити це набагато простіше. Він також був побудований для використання поза ASP.NET.

Однак іноді це не те, що потрібно. Чи обдумали ви використовувати клас TagBuilder, який входить до .net (mvc)? Є також HtmlWriter в System.Web.UI (для веб-форм). Я б рекомендував один із них, якщо ви робите Controlsабо Html Helpers.

Я б використовував пакет Html Agility для збирання HTML, а потім виписував його у текстовий файл.

Багато годин працювало на те, щоб зробити Html Agility Pack надійним та HTML-сумісним HTML.

Я думаю, що він включає навіть зразок програми, яка генерує HTML.

З домашньої сторінки:

Зразки додатків:

Виправлення чи генерація сторінки. Ви можете виправити сторінку так, як вам захочеться, змінити DOM, додати вузли, копіювати вузли, ну ... ви це назвете.

Я б використовував htmltags для створення HTML.

Приклад:

var tag = new HtmlTag("span")
    .Text("Hello & Goodbye")
    .AddClass("important")
    .Attr("title", "Greetings")

А потім CSQuery, якщо я хочу розібрати HTML

Приклад:

dom.Select("div > span")
    .Eq(1)
    .Text("Change the text content of the 2nd span child of each div");

Звичайно, там є бібліотеки, такі як HTML Agility Pack, який може допомогти вам у цих починаннях.

Якщо ви дійсно не хочете використовувати існуючу бібліотеку і хочете простий, брудний код, мені подобається ідея абстрагувати деякі поведінки, як у попередній відповіді. Мені також подобається ідея використання базового StringBuilder, на відміну від рядка з кількох причин:

1. Струни менш ефективні, ніж рядкові
2. StringBuilder - структура даних, що підлягає індексуванню,

Якщо мені не потрібен масово розроблений HTML-движок, я б створив простий, інтуїтивно зрозумілий інтерфейс

AddLineBreak();
AddSimpleTag(string tagName);
AddSimpleTagAt(string tagName, string content, int index);
Output();

Якщо ви все-таки використовуєте лише рядки, не забудьте уникнути всіх зарезервованих символів HTML у вихідних даних.

&    &
>    >
<    &lt;
"    &quot;
'    &apos;

Я рекомендую використовувати клас або бібліотеку, що знає HTML, а не працювати безпосередньо з рядками. HTMLWriter виглядає досить непогано.

Майже два роки після початкової посади - ось рішення, яке добре спрацювало для мене. У цільовому документі я розміщую наступне:

<table>    
    <%:theHtmlTableMomToldYouAbout() %>    //# Where I want my rows of table data to go
</table>

викликана функція виглядає приблизно так:

    public HtmlString theHtmlTableMomToldYouAbout()
    {
        string content = "";
        HtmlString theEnvelopePlease = null;

        for (int i = 0; i < 5; i++)
        {
            content = content + "<tr><td>The Number Is: " + i + "</td></tr>";
        }
        theEnvelopePlease = new HtmlString(content);
        return theEnvelopePlease;      
    }

І отриманий результат у браузері очікується:
Число: 0
Число: 1
Число: 2
Число: 3
Число: 4

Коли я переходжу до перегляду джерела, виявляю наступне:

<table>
    <tr><td>The Number Is: 0</td></tr>
    <tr><td>The Number Is: 1</td></tr>
    <tr><td>The Number Is: 2</td></tr>
    <tr><td>The Number Is: 3</td></tr>
    <tr><td>The Number Is: 4</td></tr>
</table>

ПОЛЕ ВКЛЮЧЕНО!

var html = "";
html += "<table class='colorful'>";
foreach(var item in collection) {
     html += "<tr>";
     html += "<td class='boldCell'>" + item.PropWhatever + "</td>";
     // more cells here as needed
     html += "</tr>";
}
html += "</table>";
placeholder1.InnerHtml = html;

Я буду намагатися отримати це рішення, але, як колишній дизайнер, якому довелося налаштовувати HTML в коді, перш ніж я дійсно знав багато про .NET, вищезгаданий код було набагато простіше зрозуміти, ніж методи, які створюють абстрактні HTML. Якщо ви думаєте, що дизайнерові доведеться коли-небудь виправити ваш HTML, використовуйте прості рядки, як це.

Щось, я бачу, багато пропусків пропускають, коли вони пишуть HTML в коді, - це те, що в HTML, для атрибутів допускаються одинарні або подвійні лапки. Тож замість того, щоб уникати всіх цитат у коді (який виглядає неправдоподібним, як пекло неініційованим), просто використовуйте одинарні цитати для html цитат у ваших рядках.

ТОЧО. Все, що ви змусили стрибати ненависників, - це мій реп. Ось "правильний" спосіб зробити це без з'єднання рядків, але я притримуюсь своєї думки, що будь-яка звичайна сторінка з нормальними таблицями не буде мати жодних проблем із продуктивністю поза деяким смішним масштабом, схожим на Google:

var sb = new System.Text.StringBuilder();
sb.Append("<table class='colorful'>");
foreach (var item in collection)
{
     sb.Append("<tr>");
     sb.Append("<td class='boldCell'>" + item.PropWhatever + "</td>");
     // more cells here as needed
     sb.Append("</tr>");
}
sb.Append("</table>");
placeholder1.InnerHtml = sb.ToString();