Turn ordinary <textarea> into a Stylish Rich Text Editor.InnovaStudio Live Editor is a web-based HTML Editor that easily integrates into your web pages as an ordinary <textarea> replacement. It is a cross-browser, 100% javascript and requires only a few lines of code to include in your web page.
EDITOR DEMO
SCREENSHOTS
Are You Developers Building Web Solutions to Clients?
InnovaStudio Live Editor is built for you!
It works on any server platform: PHP, ASP, ASP.NET, etc (Windows, Mac, Linux) .
Sample Usage:
- Forms (contact form, data entry form, etc)
- Web Content Management (for editing html content)
- etc.
Download Now! Unlimited Website License (personal or commercial), starts from $69.95!
BASIC USAGE
1. Include the Editor script file (in the <head> section of your web page).
<script language="javascript" type="text/javascript" src='scripts/innovaeditor.js'></script>
2. [Optional] Include Google Font integration scripts (in the <head> section of your web page).
<script src="scripts/common/jquery-1.7.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js" type="text/javascript"></script>
<script src="scripts/common/webfont.js" type="text/javascript"></script>
3. Initialize the Editor below any <textarea> you’d like to replace.
<textarea id="txtContent" rows="4" cols="30">
<script language="javascript" type="text/javascript">
var oEdit1 = new InnovaEditor("oEdit1");
oEdit1.width = 750;
oEdit1.height = 530;
oEdit1.groups = [
["group1", "", ["Bold", "Italic", "Underline", "FontDialog", "ForeColor", "TextDialog", "RemoveFormat"]],
["group2", "", ["Bullets", "Numbering", "JustifyLeft", "JustifyCenter", "JustifyRight"]],
["group3", "", ["LinkDialog", "ImageDialog", "YoutubeDialog", "TableDialog", "Emoticons"]],
["group4", "", ["Undo", "Redo", "FullScreen", "SourceDialog"]]
];
oEdit1.css = "styles/default.css";
oEdit1.REPLACE("txtContent");
</script>
Developer's Features
- Allows custom File Browser/Manager for image picker.
- Custom Buttons & Custom Dialog supports.
- Custom Tags insertion support (commonly used in Newsletter editing or Template editing applications).
- Option to choose: Full HTML editing or Body content editing.
(Developer's Instruction/Guide & Examples are included in the package)