Click here to Skip to main content
15,030,954 members
Articles / Web Development / HTML
Posted 14 Aug 2013


18 bookmarked

ExHtmlEditor - Express WYSIWYG HTML Visual Editor

Rate me:
Please Sign up or sign in to vote.
5.00/5 (9 votes)
14 Aug 2013CPOL2 min read
A program/application for learning and writing HTML. Get instant visual effect side by side with your code as you type. Support HTML5, Javascript and CSS3 elements.


ExHtmlEditor is an open source program/application for learning and writing HTML. Get instant visual effect side by side with your code as you type. Support HTML5, Javascript and CSS3 elements rendering. This program is very useful for HTML learners. It is portable and lightweight, very suitable for web developers to perform quick code testing.


Image 1

  • Support HTML5, Javascript and CSS3 elements.
  • Visual rendering output is displayed instantly side by side with HTML codes.
  • HTML Syntax highlighting.
  • Codes searching and replacing.
  • Portable, no installation needed.
  • Free, Open Source. 

Interesting Components Used in ExHtmlEditor

There are some interesting components that I would like to introduce to you while composing this program.


ScintillaNET is an open source text editor. It provides the ability for syntax highlighting, backward/forward text searching, line numbering, auto code block analyze for folding/collapse and expanding blocks. The syntax highlighting support for over 80 languages.


Screenshot of ScintillaNET

Image 2


Awesomium is an advance HTML Rendering Engine developed based on Chromium, something close to a web browser but can be integrated into .NET WinForm and WPF application. It has great support for rendering HTML5 and CSS3 elements. 

The main problem of traditional WebBrowser control of WinForm is that it has poor support for rendering CSS3 elements.

Comparison of Rendering output of WebBrowser Control over Awesomium's WebControl:

Awesomium's Rendering Output of CSS3 elements:

Image 3

Traditional WinForm WebBrowser's Rendering Output of CSS3 elements:

Windows 7, Internet Explorer 8:

Image 4

As you can see, WebBrowser Control with Internet Explorer 8 fail to render CSS3 elements.

Another example: Inconsistent rendering result throughout different version of Internet Explorer:

Windows 7, Internet Explorer 9:

Image 5

Windows XP, Internet Explorer 6:

Image 6

WebBrowser's rendering results are based on installed version of Internet Explorer.

Therefore, Awesomium has came into the solution. Awesomium are free for 

  • personal use
  • non-commercial use
  • commercial use by companies/teams who made less than $100K in revenue last year. 

Read more about Awesomium: http://awesomium.com


This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


About the Author

Software Developer
Malaysia Malaysia
Programming is an art.

Comments and Discussions

Questionsource code Pin
Prithiviraj M12-Feb-18 0:26
MemberPrithiviraj M12-Feb-18 0:26 
QuestionGood Job Pin
amigoface23-May-14 11:23
Memberamigoface23-May-14 11:23 
GeneralMy vote of 5 Pin
Monjurul Habib15-Aug-13 8:16
professionalMonjurul Habib15-Aug-13 8:16 
GeneralMy vote of 5 Pin
Carsten V2.014-Aug-13 7:22
MemberCarsten V2.014-Aug-13 7:22 
GeneralMy vote of 5 Pin
sam.hill14-Aug-13 4:53
Membersam.hill14-Aug-13 4:53 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.