Apq
/
Avalonia
mirror of https://github.com/AvaloniaUI/Avalonia.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<html>
    <head>
        <title>Intro</title>
        <style>
			h1, h2, h3 { color: navy; font-weight:normal; }
			h1 { margin-bottom: .47em }
			h2 { margin-bottom: .3em }
			h3 { margin-bottom: .4em }
			ul { margin-top: .5em }
			ul li {margin: .25em}
			body { font:10pt Tahoma }
			pre  { border:solid 1px gray; background-color:#eee; padding:1em }
			a:link { text-decoration: none; }
			a:hover { text-decoration: underline; }
			.gray    { color:gray; }
			.example { background-color:#efefef; corner-radius:5px; padding:0.5em; }
			.whitehole { background-color:white; corner-radius:10px; padding:15px; }
			.caption { font-size: 1.1em }
			.comment { color: green; margin-bottom: 5px; margin-left: 3px; }
			.comment2 { color: green; }
        </style>
    </head>
    <body style=" margin: 0; background-color: #333;  background-gradient: #707; background-gradient-angle: 60;">
        <h1 align="center" style="color: white;">
            HTML Renderer Project - Perspex port
            <br />
            <span style="font-size: x-small;">Beta support</span>
        </h1>
        <blockquote class="whitehole">
            <p style="margin-top: 0px">
                <table border="0" width="100%">
                    <tr style="vertical-align: top>
                        <td>
                            Everything you see on this panel (see samples on the left) is <b>custom-painted</b>
                            by the <b>HTML Renderer</b>, including tables, images, links and videos.<br />
                            This project allows you to have the rich format power of HTML on your desktop applications
                            without <b>WebBrowser</b> control or <b>MSHTML</b>.<br />
                            The library is <b>100% managed code</b> without any external dependencies, the only 
                            requirement is <b>.NET 2.0 or higher</b>, including support for Client Profile.
                        </td>
                    </tr>
                </table>
            </p>
            <h3>
                Text selection (copy to clipboard)
            </h3>
            <div>
                The rendered html has full support for <b>text selection</b> including <b>drag-and-drop</b>
                and <b>copy</b> to clipboard of rich html and plain text to handle <b>paste</b>
                operation to editor that support rich or/and plain text.<br />
                Additionally there is a <b>context-menu</b> with select all, copy text, copy image,
                save image, open link, copy link url, open video, copy video url.
            </div>
            <h3>
                Cascading Style Sheets (CSS) support
            </h3>
            <div>
                The core layout engine of the renderer was builded according to <b>CSS Level 2 specification</b>,
                so you can use Cascading Style Sheets to format your html documents.<br />
                Additionally there are a couple extensions: <b>Gradients</b> on backgrounds and
                <b>rounded corners</b>.
            </div>
            
            <h3>
                Benefits
            </h3>
            <ul>
                <li>100% managed code and no external dependencies.</li>
                <li>Supports .NET 2.0 or higher including Client Profile.</li>
                <li>Handles "real world" malformed HTML, it doesn't have to be XHTML.</li>
                <li>Lightweight (~300K).</li>
                <li>High performance and low memory footprint.</li>
                <li>Extendable and configurable.</li>
            </ul>
            <h3>
                Limitations
            </h3>
            <ul>
                <li>All HTML <b>end tags</b> marked as <a href="http://www.w3.org/TR/1999/REC-html401-19991224/index/elements.html">
                                                           optional</a> should be there. No problem with tags marked as forbidden.</li>
            </ul>
            <hr />
            <h3>
                On the roadmap</h3>
            Of course it's not quite finished yet. Here are some of the important things to
            do.
            <ul>
                <li>Better performance</li>
                <li>Support of position CSS property</li>
                <li>Support of height and min-height CSS property</li>
                <li>Better tables support, especially layouts</li>
                <li>Support image align</li>
                <li>Handle :hover selector</li>
                <li>Selection by shift+arrows</li>
                <li>Better HTML tag parsing (optional closing tags)</li>
                <li>More styles support</li>
            </ul>
            <h3>
                Vision
            </h3>
                <ul>
                    <li>Most complete static HTML Renderer (no java script).</li>
                    <li>Commercial web browser performance level.</li>
                </ul>
            <hr />
                <h3>
                    2015 - Nikita Tsukanov (Perspex Port)

                </h3>
            <blockquote>
                <a href="https://perspex.github.io/">https://perspex.github.io/</a>
            </blockquote>

            <h3>
                2012 - Arthur Teplitzki
            </h3>
            <blockquote>
                <a href="http://theartofdev.com/">http://TheArtOfDev.com</a>
            </blockquote>
            <h3>
                2009 - Jose Manuel Menendez Poo
            </h3>
            <blockquote>
                <a href="http://www.menendezpoo.com">www.menendezpoo.com</a>
            </blockquote>
        </blockquote>
    </body>
</html>