Showing posts with label jQuery. Show all posts
Showing posts with label jQuery. Show all posts

JWYSIWYG jQuery editor

This plugin is an inline content editor to allow editing rich HTML content on the fly. It's an alternative to WYMeditor with much less features.

How to integrate..
create a html file copy paste below code (download 2 js and 1 css)
<style type="text/css" href="styles/jquery.wysiwyg.css">
<script type="text/javascript" src ="scripts/jquery-1.2.3.pack.js">
<script type="text/javascript" src ="scripts/jquery.wysiwyg.js">


<script type="text/javascript">
$(function()
{
$('#wysiwyg').wysiwyg();
});
</script>

<textarea id="wysiwyg" rows="11" cols="63" name="desc">    <textarea> 

------------------------------------------------------------------------------------------------

Activate hidden controls


If you want more controls please replace above script by below
<script type="text/javascript">
$(function()
{
$('#wysiwyg').wysiwyg(
{
controls : {
separator01 : { visible : true },
separator03 : { visible : true },
separator04 : { visible : true },
separator00 : { visible : true },
insertOrderedList : { visible : true },
insertUnorderedList : { visible : true },
undo: { visible : true },
redo: { visible : true },
justifyLeft: { visible : true },
justifyCenter: { visible : true },
justifyRight: { visible : true },
justifyFull: { visible : true },
subscript: { visible : true },
superscript: { visible : true },
underline: { visible : true }
}
} );
});
</script>

Download Link :Click