<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Albert Maranian on Web &#187; Javascript Libraries</title>
	<atom:link href="http://www.devbeans.com/category/javascript-libraries/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.devbeans.com</link>
	<description>My so-called Playground</description>
	<lastBuildDate>Thu, 15 Oct 2009 16:58:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>NicEdit WYSIWYG</title>
		<link>http://www.devbeans.com/2008/05/test/</link>
		<comments>http://www.devbeans.com/2008/05/test/#comments</comments>
		<pubDate>Mon, 12 May 2008 16:57:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Javascript Libraries]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[wysiwyg editors]]></category>

		<guid isPermaLink="false">http://www.dodongonweb.com/?p=6</guid>
		<description><![CDATA[I found a very cool WYSIWYG editor named NicEdit which might be worth sharing to you guys. It doesn&#8217;t only use textareas as most editors do but you can convert inline DIV&#8217;s too. It is simple and easy to use. I made a snippet below using JQuery framework.
Note: Download JQuery too 
The Javascript part:



 
 [...]]]></description>
			<content:encoded><![CDATA[<p>I found a very cool WYSIWYG editor named NicEdit which might be worth sharing to you guys. It doesn&#8217;t only use textareas as most editors do but you can convert inline DIV&#8217;s too. It is simple and easy to use. I made a snippet below using JQuery framework.</p>
<p>Note: Download <a href="http://www.jquery.com" target="_blank">JQuery</a> too <img src='http://www.devbeans.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /><br />
The Javascript part:</p>
<p><code></p>
<pre name="code" class="js">
<script src="path-to-JQuery/JQuery.js" type="text/javascript"></script>
 <script src="path-to-NicEdit/nicEdit.js" type="text/javascript"></script>
 <script type="text/javascript">
       var myNic;
	$(document).ready(function (){
		myNic = new nicEditor();
		myNic.setPanel('editor_toolbar');	
		myNic.addInstance('data_holder');
	});
</script>
</pre>
<p></code></p>
<p>Now this should at least how your html look given the code we have above:</p>
<pre name="code" class="html">
 <!-- this div will hold the editor toolbar -->
<div id="editor_toolbar"></div>
<div id="data_holder">I am an example content</div>
</pre>
<p>If everything goes well then it should look like this:</p>
<p><img src="http://www.devbeans.com/images/nicEdit-sample.JPG" alt="" width="541" height="61" /></p>
<p>And the good news is I added an example <a href="http://www.devbeans.com/samples/nicEdit1/">here</a>. Enjoy!</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.devbeans.com/2008/05/test/" target="_blank"><img src="http://www.devbeans.com/wp-content/plugins/add-to-facebook-plugin/facebook_share_icon.gif" alt="Share on Facebook" title="Share on Facebook" /></a><a href="http://www.facebook.com/share.php?u=http://www.devbeans.com/2008/05/test/" target="_blank" title="Share on Facebook">Share on Facebook</a></p>]]></content:encoded>
			<wfw:commentRss>http://www.devbeans.com/2008/05/test/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- www.000webhost.com Analytics Code -->
<script type="text/javascript" src="http://analytics.hosting24.com/count.php"></script>
<noscript><a href="http://www.hosting24.com/"><img src="http://analytics.hosting24.com/count.php" alt="web hosting" /></a></noscript>
<!-- End Of Analytics Code -->
