andruhovski icon

Task #1053: Query attributes

andruhovski | PRO | 10/16/17 07:16:09 AM UTC | 0 ⭐ | 558 👁️ | Never ⏰ | []
C# |

6.6 KB

|

None

|

0 👍

/

0 👎

using Aspose.Html;
using Aspose.Html.Drawing;
using Aspose.Html.Rendering;
using Aspose.Html.Rendering.Image;
using System;
 
namespace Task1053
{
    class Program
    {
        private static HTMLDocument _document = new HTMLDocument();
        static void Main(string[] args)
        {
            GenerateSampleHtml5Document();
            RenderSimpleExample(@"C:\Aspose\files\jquery.jpg");
            Console.WriteLine(_document.DocumentElement.OuterHTML);
            System.IO.File.WriteAllText(@"C:\Aspose\files\jquery.html", _document.DocumentElement.OuterHTML);
            //_document.Save(@"C:\Aspose\files\jquery1.html");
        }
 
        private static void GenerateSampleHtml5Document()
        {
            _document.InsertBefore(_document.CreateDocumentType("html", "", "", ""), _document.DocumentElement);
            _document.DocumentElement.SetAttribute("lang", "en");
            _document.Title = "Page for IMG rendering demo";
 
            var head = _document.GetElementsByTagName("head")[0];
            var metaCharSet = (HTMLMetaElement)_document.CreateElement("meta");
            metaCharSet.SetAttribute("charset", "UTF-8");
 
            var metaViewPort = (HTMLMetaElement)_document.CreateElement("meta");
            metaViewPort.Name = "viewport";
            metaViewPort.Content = "width=device-width, initial-scale=1";
 
            var linkElement1 = (HTMLLinkElement)_document.CreateElement("link");
            linkElement1.Href = "http://cdn.myunv.com/css/uecore.css";
            linkElement1.Rel = "stylesheet";
 
            var linkElement2 = (HTMLLinkElement)_document.CreateElement("link");
            //linkElement2.Href = "https://fonts.googleapis.com/css?family=Germania+One";
            linkElement2.Href = "https://fonts.googleapis.com/css?family=Merriweather|Roboto+Slab";
            linkElement2.Rel = "stylesheet";
 
            var scriptElement = (HTMLScriptElement)_document.CreateElement("script");
            scriptElement.Src = "https://code.jquery.com/jquery-1.9.1.min.js";
 
            var style = (HTMLStyleElement)_document.CreateElement("style");
            style.TextContent = "h1 {color: red; font-family: 'Roboto Slab', serif;}" +
                                "h2 {color:green} " +
                                "table { border: 1px dashed black}" +
                                "p {font-family: 'Merriweather', serif;}" +
                                "p { margin: 8px;  font-size: 16px;}" +
                                ".selected { color: blue; }" +
                                ".highlight { background: yellow; }";
            head.AppendChild(metaCharSet);
            head.AppendChild(metaViewPort);
            head.AppendChild(linkElement1);
            head.AppendChild(linkElement2);
            head.AppendChild(style);
            head.AppendChild(scriptElement);
 
            var header1 = (HTMLHeadingElement)_document.CreateElement("h1");
            header1.TextContent = "Heading 1";
            var header2 = (HTMLHeadingElement)_document.CreateElement("h2");
            header2.TextContent = "Heading 2";
 
            _document.DocumentElement.LastElementChild.AppendChild(header1);
            _document.DocumentElement.LastElementChild.AppendChild(header2);
 
            var colors = new[] { "red", "orange", "black", "green", "blue", "indigo", "violet" };
            var alignment = new[] { "left", "right", "center" };
            for (var i = 0; i < 2; i++)
            {
                var paragraph = (HTMLParagraphElement)_document.CreateElement("p");
                paragraph.Id = $"par{i}";
                //paragraph.Style.SetProperty("font-weight", i % 2 == 0 ? "700" : "400", "");
                paragraph.Style.SetProperty("color", colors[i % 7], "");
                //paragraph.Style.SetProperty("text-align", alignment[i % 3], "");
                paragraph.TextContent = LoremNET.Lorem.Paragraph(5, 4);
                _document.DocumentElement.LastElementChild.AppendChild(paragraph);
            }
 
            HTMLImageElement img = (HTMLImageElement)_document.CreateElement("img");
            img.Src = "http://lorempixel.com/400/200/sports/1";
            img.Alt = "Placeholder 400x200";
            img.Title = "Placeholder image";
           // _document.DocumentElement.LastElementChild.AppendChild(img);
            //Adding an ordered list
            HTMLOListElement orderedListElement = (HTMLOListElement)_document.CreateElement("ol");
            for (var i = 0; i < 10; i++)
            {
                HTMLLIElement listItem = (HTMLLIElement)_document.CreateElement("li");
                listItem.TextContent = $"Item {i + 1}";
                orderedListElement.AppendChild(listItem);
            }
            _document.DocumentElement.LastElementChild.AppendChild(orderedListElement);
 
            // Adding simple table 4x3 
            var table = (HTMLTableElement)_document.CreateElement("table");
            var tBody = (HTMLTableSectionElement)_document.CreateElement("tbody");
            for (var i = 0; i < 4; i++)
            {
                var row = (HTMLTableRowElement)_document.CreateElement("tr");
                row.Id = "trow_" + i;
                for (var j = 0; j < 3; j++)
                {
                    var cell = (HTMLTableCellElement)_document.CreateElement("td");
                    cell.Id = $"cell{i}_{j}";
                    cell.TextContent = "Cell " + j;
                    row.AppendChild(cell);
                }
                tBody.AppendChild(row);
            }
            table.AppendChild(tBody);
            _document.DocumentElement.LastElementChild.AppendChild(table);
            var script1 = (HTMLScriptElement)_document.CreateElement("script");
            script1.TextContent = "$(\"p\").addClass(\"selected\")";
            _document.DocumentElement.LastElementChild.AppendChild(script1);
        }
        private static void RenderSimpleExample(string outputImgFile)
        {
            var imgOptions = new ImageRenderingOptions
            {
                Format = ImageFormat.Jpeg,
                PageSetup =
                {
                    AnyPage = new Page(new Aspose.Html.Drawing.Size(Unit.FromPixels(1366),Unit.FromPixels(768)))
                }
            };
 
            var imgDevice = new ImageDevice(imgOptions, outputImgFile);
            var renderer = new HtmlRenderer();
 
            Console.WriteLine("Render JPG file started...");
            renderer.Render(imgDevice, _document);
            Console.WriteLine("Render JPG file finished.");
        }
    }
}

Comments