-
- Intro
-
-
-
-
- HTML Renderer Project - $$Platform$$
-
- Release $$Release$$
-
-
-
-
-
-
- 
-
-
- Everything you see on this panel (see samples on the left) is custom-painted
- by the HTML Renderer, including tables, images, links and videos.
- This project allows you to have the rich format power of HTML on your desktop applications
- without WebBrowser control or MSHTML.
- The library is 100% managed code without any external dependencies, the only
- requirement is .NET 2.0 or higher, including support for Client Profile.
-
-
-
-
-
- Text selection (copy to clipboard)
-
-
- The rendered html has full support for text selection including drag-and-drop
- and copy to clipboard of rich html and plain text to handle paste
- operation to editor that support rich or/and plain text.
- Additionally there is a context-menu with select all, copy text, copy image,
- save image, open link, copy link url, open video, copy video url.
+
+
+
+
+
+ Intro
+
+
+
+
+ HTML Renderer Project - $$Platform$$
+
+ Release $$Release$$
+
+
+
+
+
+
+
+
+
+ Everything you see on this panel (see samples on the left) is custom-painted
+ by the HTML Renderer, including tables, images, links and videos.
+ This project allows you to have the rich format power of HTML on your desktop applications
+ without WebBrowser control or MSHTML.
+ The library is 100% managed code without any external dependencies, the only
+ requirement is .NET 2.0 or higher, including support for Client Profile.
+
+
-
- Cascading Style Sheets (CSS) support
-
-
- The core layout engine of the renderer was builded according to CSS Level 2 specification,
- so you can use Cascading Style Sheets to format your html documents.
- Additionally there are a couple extensions: Gradients on backgrounds and
- rounded corners.
-
-
- WinForms controls
-
-
- It comes with handy WinForms controls (see Sample Form):
-
-
- HtmlPanel - The control where you are reading this, panel with scrollbars.HtmlLabel - Same as html panel but without scrollbars and optional
- auto size.HtmlToolTip - For ToolTip with rich html.
-
- Benefits
-
-
- - 100% managed code and no external dependencies.
- - Supports .NET 2.0 or higher including Client Profile.
- - Handles "real world" malformed HTML, it doesn't have to be XHTML.
- - Lightweight (~300K).
- - High performance and low memory footprint.
- - Extendable and configurable.
-
-
- Limitations
-
-
- - All HTML end tags marked as
- optional should be there. No problem with tags marked as forbidden.
-
-
-
- On the roadmap
- Of course it's not quite finished yet. Here are some of the important things to
- do.
-
- - Better performance
- - Support of position CSS property
- - Support of height and min-height CSS property
- - Better tables support, especially layouts
- - Support image align
- - Handle :hover selector
- - Selection by shift+arrows
- - Better HTML tag parsing (optional closing tags)
- - More styles support
-
-
- Vision
-
-
- - Most complete static HTML Renderer (no java script).
- - Commercial web browser performance level.
-
-
-
- 2012 - Arthur Teplitzki
-
-
- http://TheArtOfDev.com
-
-
- 2009 - Jose Manuel Menendez Poo
-
-
- www.menendezpoo.com
-
+
+
+ Text selection (copy to clipboard)
+
+
+ The rendered html has full support for text selection including drag-and-drop
+ and copy to clipboard of rich html and plain text to handle paste
+ operation to editor that support rich or/and plain text.
+ Additionally there is a context-menu with select all, copy text, copy image,
+ save image, open link, copy link url, open video, copy video url.
+
+
+ Cascading Style Sheets (CSS) support
+
+
+ The core layout engine of the renderer was builded according to CSS Level 2 specification,
+ so you can use Cascading Style Sheets to format your html documents.
+ Additionally there are a couple extensions: Gradients on backgrounds and
+ rounded corners.
+
+
+ WinForms controls
+
+
+ It comes with handy WinForms controls (see Sample Form):
+
+
+ HtmlPanel - The control where you are reading this, panel with scrollbars.-
+
HtmlLabel - Same as html panel but without scrollbars and optional
+ auto size.
+
+ HtmlToolTip - For ToolTip with rich html.
+
+ Benefits
+
+
+ - 100% managed code and no external dependencies.
+ - Supports .NET 2.0 or higher including Client Profile.
+ - Handles "real world" malformed HTML, it doesn't have to be XHTML.
+ - Lightweight (~300K).
+ - High performance and low memory footprint.
+ - Extendable and configurable.
+
+
+ Limitations
+
+
+ -
+ All HTML end tags marked as
+ optional
+ should be there. No problem with tags marked as forbidden.
+
+
+
+
+ On the roadmap
+
+ Of course it's not quite finished yet. Here are some of the important things to
+ do.
+
+ - Better performance
+ - Support of position CSS property
+ - Support of height and min-height CSS property
+ - Better tables support, especially layouts
+ - Support image align
+ - Handle :hover selector
+ - Selection by shift+arrows
+ - Better HTML tag parsing (optional closing tags)
+ - More styles support
+
+
+ Vision
+
+
+ - Most complete static HTML Renderer (no java script).
+ - Commercial web browser performance level.
+
+
+
+ 2012 - Arthur Teplitzki
+
+
+ http://TheArtOfDev.com
+
+
+ 2009 - Jose Manuel Menendez Poo
+
+
+ www.menendezpoo.com
-
+
+
+
\ No newline at end of file
diff --git a/Source/Demo/Common/Samples/07.Additional features.htm b/Source/Demo/Common/Samples/07.Additional features.htm
index 764e9511c..868a181d1 100644
--- a/Source/Demo/Common/Samples/07.Additional features.htm
+++ b/Source/Demo/Common/Samples/07.Additional features.htm
@@ -1,170 +1,218 @@
-
-
- Additional features
-
-
-
-
-
- Additional features
-
-
-
- There are some additional features that you may already discovered about the renderer
- core engine.
-
- Graphic features
-
- I have always wanted the W3C to add this features to the CSS spec (and so far, not
- there yet :)
-
- - Gradients on backgrounds
- - Rounded corners
-
-
- And I think many many web designers would agree. Is it so hard or what?.
-
- Background Gradients
-
- It is a simple two color linear gradient, achieved by the adding of two CSS properties:
-
- background-gradient: (#Color) - Second color of the gradient background,
- the first one is given by background-color. Not inherited.background-gradient-angle: (number) - Angle (in degrees, clockwise) of
- the gradient. Not inherited. Initial value:90
- Some examples
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 0 degrees
-
-
- 45 degrees
-
-
- 90 degrees
-
-
- 135 degrees
-
-
- 180 degrees
-
-
-
-
- Rounded corners
-
- As you may already know, CSS is based on a
- Box Model, where every box has it's own set of properties. Since we are
- talking abound boxes, why not to make them with rounded corners, almost every
- website you visit nowadays makes use of rounded corners, where a not very nice trick
- with images and tables must be used.
-
- In this renderer, the rounded corners are achieved by adding this CSS properties:
-
- corner-ne-radius: (length) Indicates the radius of the north-east corner.
- Not inerittedcorner-se-radius: (length) Indicates the radius of the south-east corner.
- Not inerittedcorner-sw-radius: (length) Indicates the radius of the south-west corner.
- Not inerittedcorner-nw-radius: (length) Indicates the radius of the north-west corner.
- Not inerittedcorner-radius: (length){1,4} Shorthand for the other corner properties.
- Not ineritted
-
- Some examples
-
-
-
-
-
-
-
-
-
- c1
-
-
- c2
-
-
- c3
-
-
- c4
-
-
- c5
-
-
-
- .c1, .c2, .c3, .c4, .c5 { background-color:olive; border:0px; color:white; vertical-align:middle; }
-.c1 { corner-radius: 0px }
-.c2 { corner-radius: 10px }
-.c3 { corner-radius: 0px 10px 10px 0px }
-.c4 { corner-radius: 18px }
-.c5 { corner-radius: 10px; border: outset #bb0 2px; }
-
-
-
\ No newline at end of file
+
+
+
+ Additional features
+
+
+
+ There are some additional features that you may already discovered about the renderer
+ core engine.
+
+
+ Graphic features
+
+
+ I have always wanted the W3C to add this features to the CSS spec (and so far, not
+ there yet :)
+
+
+ - Gradients on backgrounds
+ - Rounded corners
+
+
+ And I think many many web designers would agree. Is it so hard or what?.
+
+
+ Background Gradients
+
+
+ It is a simple two color linear gradient, achieved by the adding of two CSS properties:
+
+
+ -
+
background-image: linear-gradient(angle, color1, color2) - Creates a gradient background
+ with the specified colors and angle. Not inherited.
+
+ -
+
angle - Angle (in degrees, clockwise) of
+ the gradient. Not inherited. Example: 90deg
+
+
+ Some examples
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 0 degrees
+
+
+ 45 degrees
+
+
+ 90 degrees
+
+
+ 135 degrees
+
+
+ 180 degrees
+
+
+
+
+ Rounded corners
+
+
+ As you may already know, CSS is based on a
+ Box Model
+ , where every box has it's own set of properties. Since we are
+ talking abound boxes, why not to make them with rounded corners, almost every
+ website you visit nowadays makes use of rounded corners, where a not very nice trick
+ with images and tables must be used.
+
+
+ In this renderer, the rounded corners are achieved by adding this CSS properties:
+
+
+ -
+
border-top-right-radius: (length) Indicates the radius of the top-right corner.
+ Not inherited
+
+ -
+
border-bottom-right-radius: (length) Indicates the radius of the bottom-right corner.
+ Not inherited
+
+ -
+
border-bottom-left-radius: (length) Indicates the radius of the bottom-left corner.
+ Not inherited
+
+ -
+
border-top-left-radius: (length) Indicates the radius of the top-left corner.
+ Not inherited
+
+ -
+
border-radius: (length){1,4} Shorthand for the other corner properties.
+ Not inherited
+
+
+
+ Some examples
+
+
+
+
+
+
+
+
+
+ c1
+
+
+ c2
+
+
+ c3
+
+
+ c4
+
+
+ c5
+
+
+
+ .c1, .c2, .c3, .c4, .c5 { background-color:olive; border:0px; color:white; vertical-align:middle; }
+.c1 { border-radius: 0px }
+.c2 { border-radius: 10px }
+.c3 { border-radius: 0px 10px 10px 0px }
+.c4 { border-radius: 18px }
+.c5 { border-radius: 10px; border: outset #bb0 2px; }
+
+
+
- Release $$Release$$ -
-
|
- |
-
- Everything you see on this panel (see samples on the left) is custom-painted
- by the HTML Renderer, including tables, images, links and videos. - This project allows you to have the rich format power of HTML on your desktop applications - without WebBrowser control or MSHTML. - The library is 100% managed code without any external dependencies, the only - requirement is .NET 2.0 or higher, including support for Client Profile. - |
-
- Text selection (copy to clipboard) -
-
- The rendered html has full support for text selection including drag-and-drop
- and copy to clipboard of rich html and plain text to handle paste
- operation to editor that support rich or/and plain text.
- Additionally there is a context-menu with select all, copy text, copy image, - save image, open link, copy link url, open video, copy video url. + + + + + +Intro
+
+
+
+
+ HTML Renderer Project - $$Platform$$
+
+ Additional features
-
-
-
-
-
- Additionally there is a context-menu with select all, copy text, copy image, - save image, open link, copy link url, open video, copy video url. + + + + + +
+ HTML Renderer Project - $$Platform$$
+
+ Release $$Release$$
+
+
+
-
-
+
+
+
\ No newline at end of file
diff --git a/Source/Demo/Common/Samples/07.Additional features.htm b/Source/Demo/Common/Samples/07.Additional features.htm
index 764e9511c..868a181d1 100644
--- a/Source/Demo/Common/Samples/07.Additional features.htm
+++ b/Source/Demo/Common/Samples/07.Additional features.htm
@@ -1,170 +1,218 @@
-
-
- +
+
-
+
+
+
+
+ Everything you see on this panel (see samples on the left) is custom-painted
+ by the HTML Renderer, including tables, images, links and videos.
+ This project allows you to have the rich format power of HTML on your desktop applications + without WebBrowser control or MSHTML.
+ The library is 100% managed code without any external dependencies, the only + requirement is .NET 2.0 or higher, including support for Client Profile. +
+ + This project allows you to have the rich format power of HTML on your desktop applications + without WebBrowser control or MSHTML.
+ The library is 100% managed code without any external dependencies, the only + requirement is .NET 2.0 or higher, including support for Client Profile. +
- Cascading Style Sheets (CSS) support -
-
- The core layout engine of the renderer was builded according to CSS Level 2 specification,
- so you can use Cascading Style Sheets to format your html documents.
- Additionally there are a couple extensions: Gradients on backgrounds and - rounded corners. -
- - Additionally there are a couple extensions: Gradients on backgrounds and - rounded corners. -
- WinForms controls -
-
- It comes with handy WinForms controls (see Sample Form):
-
- -
-
HtmlPanel- The control where you are reading this, panel with scrollbars.
- HtmlLabel- Same as html panel but without scrollbars and optional - auto size.
- HtmlToolTip- For ToolTip with rich html.
-
- Benefits -
--
-
- 100% managed code and no external dependencies. -
- Supports .NET 2.0 or higher including Client Profile. -
- Handles "real world" malformed HTML, it doesn't have to be XHTML. -
- Lightweight (~300K). -
- High performance and low memory footprint. -
- Extendable and configurable. -
- Limitations -
--
-
- All HTML end tags marked as - optional should be there. No problem with tags marked as forbidden. -
-
- On the roadmap
- Of course it's not quite finished yet. Here are some of the important things to - do. --
-
- Better performance -
- Support of position CSS property -
- Support of height and min-height CSS property -
- Better tables support, especially layouts -
- Support image align -
- Handle :hover selector -
- Selection by shift+arrows -
- Better HTML tag parsing (optional closing tags) -
- More styles support -
- Vision -
--
-
- Most complete static HTML Renderer (no java script). -
- Commercial web browser performance level. -
-
- 2012 - Arthur Teplitzki -
-- http://TheArtOfDev.com --
- 2009 - Jose Manuel Menendez Poo -
-- www.menendezpoo.com -+ +
+ Text selection (copy to clipboard) +
+
+ The rendered html has full support for text selection including drag-and-drop
+ and copy to clipboard of rich html and plain text to handle paste
+ operation to editor that support rich or/and plain text.
+ Additionally there is a context-menu with select all, copy text, copy image, + save image, open link, copy link url, open video, copy video url. +
+ + Additionally there is a context-menu with select all, copy text, copy image, + save image, open link, copy link url, open video, copy video url. +
+ Cascading Style Sheets (CSS) support +
+
+ The core layout engine of the renderer was builded according to CSS Level 2 specification,
+ so you can use Cascading Style Sheets to format your html documents.
+ Additionally there are a couple extensions: Gradients on backgrounds and + rounded corners. +
+ + Additionally there are a couple extensions: Gradients on backgrounds and + rounded corners. +
+ WinForms controls +
+
+ It comes with handy WinForms controls (see Sample Form):
+
+ -
+
HtmlPanel- The control where you are reading this, panel with scrollbars.
+ -
+
HtmlLabel- Same as html panel but without scrollbars and optional + auto size. +
+ HtmlToolTip- For ToolTip with rich html.
+
+ Benefits +
+-
+
- 100% managed code and no external dependencies. +
- Supports .NET 2.0 or higher including Client Profile. +
- Handles "real world" malformed HTML, it doesn't have to be XHTML. +
- Lightweight (~300K). +
- High performance and low memory footprint. +
- Extendable and configurable. +
+ Limitations +
+-
+
- + All HTML end tags marked as + optional + should be there. No problem with tags marked as forbidden. + +
+
+ On the roadmap +
+ Of course it's not quite finished yet. Here are some of the important things to + do. +-
+
- Better performance +
- Support of position CSS property +
- Support of height and min-height CSS property +
- Better tables support, especially layouts +
- Support image align +
- Handle :hover selector +
- Selection by shift+arrows +
- Better HTML tag parsing (optional closing tags) +
- More styles support +
+ Vision +
+-
+
- Most complete static HTML Renderer (no java script). +
- Commercial web browser performance level. +
+
+ 2012 - Arthur Teplitzki +
++ http://TheArtOfDev.com ++
+ 2009 - Jose Manuel Menendez Poo +
++ www.menendezpoo.com- + +
- Additional features -
--- - \ No newline at end of file + + +- There are some additional features that you may already discovered about the renderer - core engine.
-- Graphic features
-- I have always wanted the W3C to add this features to the CSS spec (and so far, not - there yet :)
--
-- Gradients on backgrounds
-- Rounded corners
-- And I think many many web designers would agree. Is it so hard or what?.
-- Background Gradients
-- It is a simple two color linear gradient, achieved by the adding of two CSS properties:
--
- Some examples - -- -
background-gradient: (#Color)- Second color of the gradient background, - the first one is given bybackground-color. Not inherited.- -
background-gradient-angle: (number)- Angle (in degrees, clockwise) of - the gradient. Not inherited. Initial value:90-
-- -- -- -- -- -- -- -- 0 degrees - -- 45 degrees - -- 90 degrees - -- 135 degrees - -- 180 degrees - -- Rounded corners
-- As you may already know, CSS is based on a - Box Model, where every box has it's own set of properties. Since we are - talking abound boxes, why not to make them with rounded corners, almost every - website you visit nowadays makes use of rounded corners, where a not very nice trick - with images and tables must be used.
-- In this renderer, the rounded corners are achieved by adding this CSS properties:
--
- - Some examples -- -
corner-ne-radius: (length)Indicates the radius of the north-east corner. - Not ineritted- -
corner-se-radius: (length)Indicates the radius of the south-east corner. - Not ineritted- -
corner-sw-radius: (length)Indicates the radius of the south-west corner. - Not ineritted- -
corner-nw-radius: (length)Indicates the radius of the north-west corner. - Not ineritted- -
corner-radius: (length){1,4}Shorthand for the other corner properties. - Not ineritted-
-- -- --
--
-- c1 - -- c2 - -- c3 - -- c4 - -- c5 - -.c1, .c2, .c3, .c4, .c5 { background-color:olive; border:0px; color:white; vertical-align:middle; } -.c1 { corner-radius: 0px } -.c2 { corner-radius: 10px } -.c3 { corner-radius: 0px 10px 10px 0px } -.c4 { corner-radius: 18px } -.c5 { corner-radius: 10px; border: outset #bb0 2px; }-
+ Additional features +
+++ ++ There are some additional features that you may already discovered about the renderer + core engine. +
++ Graphic features +
++ I have always wanted the W3C to add this features to the CSS spec (and so far, not + there yet :) +
++
+- Gradients on backgrounds
+- Rounded corners
++ And I think many many web designers would agree. Is it so hard or what?. +
++ Background Gradients +
++ It is a simple two color linear gradient, achieved by the adding of two CSS properties: +
++
+ Some examples + +- +
+background-image: linear-gradient(angle, color1, color2)- Creates a gradient background + with the specified colors and angle. Not inherited. +- +
+angle- Angle (in degrees, clockwise) of + the gradient. Not inherited. Example: 90deg ++
++ ++ ++ ++ ++ ++ ++ ++ 0 degrees + ++ 45 degrees + ++ 90 degrees + ++ 135 degrees + ++ 180 degrees + ++ Rounded corners +
++ As you may already know, CSS is based on a + Box Model + , where every box has it's own set of properties. Since we are + talking abound boxes, why not to make them with rounded corners, almost every + website you visit nowadays makes use of rounded corners, where a not very nice trick + with images and tables must be used. +
++ In this renderer, the rounded corners are achieved by adding this CSS properties: +
++
+ + Some examples +- +
+border-top-right-radius: (length)Indicates the radius of the top-right corner. + Not inherited +- +
+border-bottom-right-radius: (length)Indicates the radius of the bottom-right corner. + Not inherited +- +
+border-bottom-left-radius: (length)Indicates the radius of the bottom-left corner. + Not inherited +- +
+border-top-left-radius: (length)Indicates the radius of the top-left corner. + Not inherited +- +
+border-radius: (length){1,4}Shorthand for the other corner properties. + Not inherited ++
++ ++ ++
++
++ c1 + ++ c2 + ++ c3 + ++ c4 + ++ c5 + +.c1, .c2, .c3, .c4, .c5 { background-color:olive; border:0px; color:white; vertical-align:middle; } +.c1 { border-radius: 0px } +.c2 { border-radius: 10px } +.c3 { border-radius: 0px 10px 10px 0px } +.c4 { border-radius: 18px } +.c5 { border-radius: 10px; border: outset #bb0 2px; }+