Feedback & Discuss
uuHEdt(uu Html Edit)


RMT


uuHEdt(uu Html Edit) is published on CodeProject. There you will find the discussion board.
Here show you uuHEdt(uu Html Edit).

uuHEdt(uu Html Edit) is a Free Online Web-Based WYSIWYG HTML Editor that you can embed into your website to provide WYSIWYG HTML editing capabilities, and supports a wide variety of browsers such as IE, Opera, Firefox, Google Chrome and Safari.
It handles text formatting like bold, italics and underline, has table editing, a colour picker, the ability to insert images, set target window's size for insert a link, the ability to insert special characters, allows you to edit HTML code, etc.
The code is open source and is released under the The Code Project Open License (CPOL). It is used in Super Template content management system.

Embed a HTML editor or a WYSIWYG web editor into your web site free of charge with the JavaScript code listed on this page. These scripts allow you to place an editor that allows your visitor to either create and edit HTML code using a WYSIWYG web interface or simply just write rich text with bold, underline, italics, font changes, etc, using a web interface. It is useful if you are creating an online application that requires the use of an online editor but don't want to spend a lot of time rolling your own.

Why another HTML Editor?

Download

Example

How to use
1, add next in head.
<script type="text/javascript" src="sftab.js"></script>
<script type="text/javascript" src="uuhedt.js"></script>
* if you want to resize of floating window, then instead of sftab.js, you can use of ftab.js.
like next(should put ftab at the same directory of uuhedt):
<link rel="stylesheet" href="../ftab/ftab.css">
<link rel="stylesheet" href="../ftab/ftab_green.css">
<script type="text/javascript" src="../ftab/ftab.js"></script>
<script type="text/javascript" src="uuhedt.js"></script>

2, add div contents in body where you want to put uuhedt on.
<div id="editor" style="width:100%;height:220px;"></div>

3, after contents, add JavaScript to initialize Editor.
<script type="text/javascript">

function initEdt(){
var edt = UUHEdts.getEditor('editor');
edt.setContent('some html for edit.<br><i>sample text.</i>');
}
window.onload = initEdt;

</script>

Real time sample:

Custom Button and Extend functions
Can add custom button to toolbar of uuHEdt.
see example page.