c# - Написать HTML в строку

Translate

У меня такой код. Есть ли способ упростить написание и поддержку? Использование C # .NET 3.5.

string header(string title)
{
    StringWriter s = new StringWriter();
    s.WriteLine("{0}","<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01//EN\" \"http://www.w3.org/TR/html4/strict.dtd\">");
    s.WriteLine("{0}", "<html>");
    s.WriteLine("<title>{0}</title>", title);
    s.WriteLine("{0}","<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">");
    s.WriteLine("{0}", "</head>");
    s.WriteLine("{0}", "<body>");
    s.WriteLine("{0}", "");
}

Я мог бы просто написать:

s.WriteLine("{0}", @"blah blah

many
new
lines
blah UHY#$&_#$_*@Y KSDSD<>\t\t\t\t\t\tt\t\t\\\t\t\t\t\\\h\th'\h't\th
hi
done"); 

Это будет работать, но мне нужно заменить все"с участием"".

This question and all comments follow the "Attribution Required."

Все ответы

lc.
Translate

Вам, вероятно, лучше использоватьHtmlTextWriterилиXMLWriterчем равнинаStringWriter. Они позаботятся о побеге за вас, а также позаботятся о том, чтобы документ был правильно сформирован.

Эта страницапоказывает основы использованияHtmlTextWriterкласс, суть которого:

StringWriter stringWriter = new StringWriter();

using (HtmlTextWriter writer = new HtmlTextWriter(stringWriter))
{
    writer.AddAttribute(HtmlTextWriterAttribute.Class, classValue);
    writer.RenderBeginTag(HtmlTextWriterTag.Div); // Begin #1

    writer.AddAttribute(HtmlTextWriterAttribute.Href, urlValue);
    writer.RenderBeginTag(HtmlTextWriterTag.A); // Begin #2

    writer.AddAttribute(HtmlTextWriterAttribute.Src, imageValue);
    writer.AddAttribute(HtmlTextWriterAttribute.Width, "60");
    writer.AddAttribute(HtmlTextWriterAttribute.Height, "60");
    writer.AddAttribute(HtmlTextWriterAttribute.Alt, "");

    writer.RenderBeginTag(HtmlTextWriterTag.Img); // Begin #3
    writer.RenderEndTag(); // End #3

    writer.Write(word);

    writer.RenderEndTag(); // End #2
    writer.RenderEndTag(); // End #1
}
// Return the result.
return stringWriter.ToString();
Источник
Translate

Когда я занимаюсь этой проблемой на других языках, я разделяю код и HTML. Что-то вроде:

1.) Создайте шаблон HTML. использовать[varname]заполнители для обозначения замененного / вставленного содержимого.
2.) Заполните переменные вашего шаблона из массива или структуры / отображения / словаря

Write( FillTemplate(myHTMLTemplate, myVariables) ) # pseudo-code
Источник
Translate

Я знаю, что вы спрашивали о C #, но если вы хотите использовать любой язык .Net, я настоятельно рекомендую Visual Basic для решения этой конкретной проблемы. Visual Basic имеет функцию под названием XML Literals, которая позволит вам писать подобный код.

Module Module1

    Sub Main()

        Dim myTitle = "Hello HTML"
        Dim myHTML = <html>
                         <head>
                             <title><%= myTitle %></title>
                         </head>
                         <body>
                             <h1>Welcome</h1>
                             <table>
                                 <tr><th>ID</th><th>Name</th></tr>
                                 <tr><td>1</td><td>CouldBeAVariable</td></tr>
                             </table>
                         </body>
                     </html>

        Console.WriteLine(myHTML)
    End Sub

End Module

Это позволяет вам писать простой HTML с дырами в выражениях в старом стиле ASP и делает ваш код очень удобочитаемым. К сожалению, этой функции нет в C #, но вы можете написать один модуль на VB и добавить его в качестве ссылки на свой проект C #.

Запись в Visual Studio также допускает правильные отступы для большинства XML-литералов и целых выражений. Отступ для отверстий под выражения лучше в VS2010.

Источник
Translate

ИспользуйтеXDocumentчтобы создать модель DOM, затем запишите ее, используяXmlWriter. Это даст вам удивительно лаконичную и читаемую нотацию, а также красиво отформатированный вывод.

Возьмем эту примерную программу:

using System.Xml;
using System.Xml.Linq;

class Program {
    static void Main() {
        var xDocument = new XDocument(
            new XDocumentType("html", null, null, null),
            new XElement("html",
                new XElement("head"),
                new XElement("body",
                    new XElement("p",
                        "This paragraph contains ", new XElement("b", "bold"), " text."
                    ),
                    new XElement("p",
                        "This paragraph has just plain text."
                    )
                )
            )
        );

        var settings = new XmlWriterSettings {
            OmitXmlDeclaration = true, Indent = true, IndentChars = "\t"
        };
        using (var writer = XmlWriter.Create(@"C:\Users\wolf\Desktop\test.html", settings)) {
            xDocument.WriteTo(writer);
        }
    }
}

Это генерирует следующий вывод:

<!DOCTYPE html >
<html>
    <head />
    <body>
        <p>This paragraph contains <b>bold</b> text.</p>
        <p>This paragraph has just plain text.</p>
    </body>
</html>
Источник
Translate

Вы могли бы использоватьSystem.Xml.Linqобъекты. Они были полностью переделаны из старыхSystem.Xmlдней, когда создание XML с нуля действительно раздражало.

Думаю, кроме doctype, вы могли бы легко сделать что-то вроде:

var html = new XElement("html",
    new XElement("head",
        new XElement("title", "My Page")
    ),
    new XElement("body",
        "this is some text"
    )
);
Источник
Translate
return string.Format(@"<!DOCTYPE HTML PUBLIC ""-//W3C//DTD HTML 4.01//EN""      ""http://www.w3.org/TR/html4/strict.dtd"">
<html>
<title>{0}</title>
<link rel=""stylesheet"" type=""text/css"" href=""style.css"">
</head>
<body>
", title);
Источник
Translate

Самый простой способ - использовать объект XmlWriter. Это можно использовать для создания действительного HTML и позаботится обо всех неприятных escape-последовательностях за вас.

Источник
Translate

Вы можете использоватьШаблоны T4для создания Html (или любого другого) из вашего кода. посмотри это:http://msdn.microsoft.com/en-us/library/ee844259.aspx

Источник
Translate

Если вы хотите создать HTML-документ, аналогичный тому, как вы бы создали XML-документ на C #, вы можете попробовать библиотеку с открытым исходным кодом Microsoft,Пакет гибкости HTML.

Он предоставляет объект HtmlDocument, имеющий API, очень похожий на APISystem.Xml.XmlDocumentкласс.

Источник
Translate

Вы можете использовать ASP.NET для генерации вашего HTML вне контекста веб-страниц.Вот статьяэто показывает, как это можно сделать.

Источник
Translate

Вы можете использовать некоторые сторонние библиотеки с открытым исходным кодом для создания строго типизированного проверенного (X) HTML, напримерCityLizard Frameworkили Sharp DOM.

ОбновитьНапример

html
    [head
        [title["Title of the page"]]
        [meta_(
            content: "text/html;charset=UTF-8",
            http_equiv: "Content-Type")
        ]
        [link_(href: "css/style.css", rel: "stylesheet", type: "text/css")]
        [script_(type: "text/javascript", src: "/JavaScript/jquery-1.4.2.min.js")]
    ]
    [body
        [div
            [h1["Test Form to Test"]]
            [form_(action: "post", id: "Form1")
                [div
                    [label["Parameter"]]
                    [input_(type: "text", value: "Enter value")]
                    [input_(type: "submit", value: "Submit!")]
                ]
            ]
            [div
                [p["Textual description of the footer"]]
                [a_(href: "http://google.com/")
                    [span["You can find us here"]]
                ]
                [div["Another nested container"]]
            ]
        ]
    ];
Источник
Translate

Это не универсальное решение, однако, если ваша цель - иметь или поддерживать шаблоны электронной почты, то System.Web имеет встроенный класс, называемыйMailDefinition. Этот класс используется элементами управления членством ASP.NET для создания электронных писем в формате HTML.

Выполняет ту же замену строк, как упомянуто выше, но упаковывает все это в MailMessage для вас.

Вот пример из MSDN:

ListDictionary replacements = new ListDictionary();
replacements.Add("<%To%>",sourceTo.Text);
replacements.Add("<%From%>", md.From);
System.Net.Mail.MailMessage fileMsg;
fileMsg = md.CreateMailMessage(toAddresses, replacements, emailTemplate, this); 
return fileMsg;
Источник
Translate

С появлением Razor в ASP.net MVC лучший способ писать HTML на C # - это Razor Engine.

string templatePath = [email protected]"{Directory.GetCurrentDirectory()}\EmailTemplates"; 

IRazorLightEngine engine = EngineFactory.CreatePhysical(templatePath); 

var model = new Notification 
{ 
       Name = "Jone", 
       Title = "Test Email", 
       Content = "This is a test" 
}; 

string result = engine.Parse("template.cshtml", model); 

Шаблон:

<h2>Dear @Model.Name, you have a notification.</h2> 

<h1>@Model.Title</h1> 
<p>@Model.Content</p> 

<p>Date:@DateTime.Now</p> 

Полный образец см.Вот

Источник
Translate

Вы можете написать свои собственные классы с его методом Render и другими атрибутами, чтобы избежать большого беспорядка, если вы его часто используете, а затем также использовать HTMLWriter или xmlwriter. Эта логика используется на страницах asp.net, вы можете наследовать от webControl и переопределитьметод рендеринга, что отлично, если вы разрабатываете элементы управления на стороне сервера.
Этотможет быть хорошим примером.

С уважением

Источник
Translate

Это действительно зависит от того, что вы собираетесь делать, и, в частности, от того, какую производительность вам действительно нужно предложить.

Я видел замечательные решения для разработки строго типизированного HTML (полные модели управления, будь то веб-элементы управления ASP.NET или аналогичные), которые просто добавляют невероятной сложности проекту. В других ситуациях он идеален.

В порядке предпочтения в мире C #,

  • Веб-элементы управления ASP.NET
  • Примитивы ASP.NET и элементы управления HTML
  • XmlWriter и / или HtmlWriter
  • Если вы разрабатываете Silverlight с возможностью взаимодействия с HTML, подумайте о чем-нибудь строго типизированном, напримертекст ссылки
  • StringBuilder и другие супер-примитивы
Источник
Translate

Я написал эти уроки, которые мне очень пригодились. Это просто, но прагматично.

public class HtmlAttribute
{
    public string Name { get; set; }
    public string Value { get; set; }

    public HtmlAttribute(string name) : this(name, null) { }

    public HtmlAttribute(
        string name,
        string @value)
    {
        this.Name = name;
        this.Value = @value;
    }

    public override string ToString()
    {
        if (string.IsNullOrEmpty(this.Value))
            return this.Name;

        if (this.Value.Contains('"'))
            return string.Format("{0}='{1}'", this.Name, this.Value);

        return string.Format("{0}=\"{1}\"", this.Name, this.Value);
    }
}

public class HtmlElement
{
    protected List<HtmlAttribute> Attributes { get; set; }
    protected List<object> Childs { get; set; }
    public string Name { get; set; }
    protected HtmlElement Parent { get; set; }

    public HtmlElement() : this(null) { }

    public HtmlElement(string name, params object[] childs)
    {
        this.Name = name;
        this.Attributes = new List<HtmlAttribute>();
        this.Childs = new List<object>();

        if (childs != null && childs.Length > 0)
        {
            foreach (var c in childs)
            {
                Add(c);
            }
        }
    }

    public void Add(object o)
    {
        var a = o as HtmlAttribute;
        if (a != null)
            this.Attributes.Add(a);
        else
        {
            var h = o as HtmlElement;
            if (h != null && !string.IsNullOrEmpty(this.Name))
            {
                h.Parent = this;
                this.Childs.Add(h);
            }
            else
                this.Childs.Add(o);
        }
    }

    public override string ToString()
    {
        var result = new StringBuilder();

        if (!string.IsNullOrEmpty(this.Name))
        {
            result.Append(string.Format("<{0}", this.Name));
            if (this.Attributes.Count > 0)
            {
                result.Append(" ");
                foreach (var attr in this.Attributes)
                {
                    result.Append(attr.ToString());
                    result.Append(" ");
                }

                result = new StringBuilder(result.ToString().TrimEnd(' '));
            }

            if (this.Childs.Count == 0)
            {
                result.Append(" />");
            }
            else
            {
                result.AppendLine(">");

                foreach (var c in this.Childs)
                {
                    var cParts = c.ToString().Split('\n');

                    foreach (var p in cParts)
                    {
                        result.AppendLine(string.Format("{0}", p));
                    }
                }

                result.Append(string.Format("</{0}>", this.Name));
            }
        }
        else
        {
            foreach (var c in this.Childs)
            {
                var cParts = c.ToString().Split('\n');

                foreach (var p in cParts)
                {
                    result.AppendLine(string.Format("{0}", p));
                }
            }
        }

        var head = GetHeading(this);

        var ps = result.ToString().Split('\n');
        return string.Join("\r\n", (from p in ps select head + p.TrimEnd('\r')).ToArray());
    }

    string GetHeading(HtmlElement h)
    {
        if (h.Parent != null)
            return "    ";
        else
            return string.Empty;
    }
}
Источник
MMA
Translate

HSharp - это библиотека, используемая для простого и быстрого анализа языка разметки, такого как HTML. Установить:PM> Install-Package Obisoft.HSharp

        var Document = new HDoc(DocumentOptions.BasicHTML);
        Document["html"]["body"].AddChild("div");
        Document["html"]["body"]["div"].AddChild("a", new HProp("href", "/#"));
        Document["html"]["body"]["div"].AddChild("table");
        Document["html"]["body"]["div"]["table"].AddChildren(
         new HTag("tr"),
         new HTag("tr", "SomeText"),
         new HTag("tr", new HTag("td")));
        var Result = Document.GenerateHTML();
        Console.WriteLine(Result);

и вывод:

<html>
<head>
<meta charset="utf-8"></meta><title>
Example </title>
</head>
<body>
<div>
<a href="/#"></a><table>
<tr></tr><tr>
SomeText </tr>
<tr>
<td></td></tr>
</table>
</div>
</body>
</html>
Источник
Translate

Я искал что-то похожее на jquery для генерации dom на C # (мне не нужно разбирать). К сожалению, найти легкое решение не удалось, поэтому я создал этот простой класс, унаследованный от System.Xml.Linq.XElement. Ключевой особенностью является то, что вы можете связать оператор, как при использовании jquery в javascript, чтобы он был более плавным. Он не полнофункциональный, но он делает то, что мне нужно, и если есть интерес, я могу запустить git.

public class DomElement : XElement
{
    public DomElement(string name) : base(name)
    {
    }

    public DomElement(string name, string value) : base(name, value)
    {
    }

    public DomElement Css(string style, string value)
    {
        style = style.Trim();
        value = value.Trim();
        var existingStyles = new Dictionary<string, string>();
        var xstyle = this.Attribute("style");
        if (xstyle != null)
        {
            foreach (var s in xstyle.Value.Split(';'))
            {
                var keyValue = s.Split(':');
                existingStyles.Add(keyValue[0], keyValue.Length < 2 ? null : keyValue[1]);
            }
        }

        if (existingStyles.ContainsKey(style))
        {
            existingStyles[style] = value;
        }
        else
        {
            existingStyles.Add(style, value);
        }

        var styleString = string.Join(";", existingStyles.Select(s => $"{s.Key}:{s.Value}"));
        this.SetAttributeValue("style", styleString);

        return this;
    }

    public DomElement AddClass(string cssClass)
    {
        var existingClasses = new List<string>();
        var xclass = this.Attribute("class");
        if (xclass != null)
        {
            existingClasses.AddRange(xclass.Value.Split());
        }

        var addNewClasses = cssClass.Split().Where(e => !existingClasses.Contains(e));
        existingClasses.AddRange(addNewClasses);

        this.SetAttributeValue("class", string.Join(" ", existingClasses));
        return this;
    }

    public DomElement Text(string text)
    {
        this.Value = text;
        return this;
    }

    public DomElement Append(string text)
    {
        this.Add(text);
        return this;
    }

    public DomElement Append(DomElement child)
    {
        this.Add(child);
        return this;
    }
}

Образец:

void Main()
{
    var html = new DomElement("html")
        .Append(new DomElement("head"))
        .Append(new DomElement("body")
            .Append(new DomElement("p")
                .Append("This paragraph contains")
                .Append(new DomElement("b", "bold"))
                .Append(" text.")
                )
            .Append(new DomElement("p").Text("This paragraph has just plain text"))
            )
        ;

    html.ToString().Dump();

    var table = new DomElement("table").AddClass("table table-sm").AddClass("table-striped")
            .Append(new DomElement("thead")
                .Append(new DomElement("tr")
                    .Append(new DomElement("td").Css("padding-left", "15px").Css("color", "red").Css("color", "blue")
                        .AddClass("from-now")
                        .Append(new DomElement("div").Text("Hi there"))
                        .Append(new DomElement("div").Text("Hey there"))
                        .Append(new DomElement("div", "Yo there"))
                        )
                )
            )
        ;
    table.ToString().Dump();
}

вывод из приведенного выше кода:

<html>
  <head />
  <body>
    <p>This paragraph contains<b>bold</b> text.</p>
    <p>This paragraph has just plain text</p>
  </body>
</html>
<table class="table table-sm table-striped">
  <thead>
    <tr>
      <td style="padding-left:15px;color:blue" class="from-now">
        <div>Hi there</div>
        <div>Hey there</div>
        <div>Yo there</div>
      </td>
    </tr>
  </thead>
</table>
Источник
Leave a Reply
You must be logged in to post a answer.
Об авторе