<?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>TinyMCE | Subesh Pokhrel&#039;s Blog - Magento Development Tips,PHP,Google Maps</title>
	<atom:link href="http://subesh.com.np/tag/tinymce/feed/" rel="self" type="application/rss+xml" />
	<link>http://subesh.com.np</link>
	<description>PHP &#38; Magento Tips &#38; Tutorials</description>
	<lastBuildDate>Thu, 12 Aug 2010 12:22:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>TinyMCE | Subesh Pokhrel&#039;s Blog - Magento Development Tips,PHP,Google Maps</title>
		<link>http://subesh.com.np/2008/06/configuring-tinymcesimple-setup/</link>
		<comments>http://subesh.com.np/2008/06/configuring-tinymcesimple-setup/#comments</comments>
		<pubDate>Thu, 26 Jun 2008 09:21:45 +0000</pubDate>
		<dc:creator>Subesh Pokhrel</dc:creator>
				<category><![CDATA[TinyMCE]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://subesh.com.np/?p=31</guid>
		<description><![CDATA[Everybody is already familiar with WYSIWYG editor. Before, doing CMS projects I used to use fckeditor, and I always had a problem with its bad design and loading time. Though you can config the editor to just the actions you need. I still felt something was not right about it. And I searched about editors, [...]]]></description>
			<content:encoded><![CDATA[<p>Everybody is already familiar with WYSIWYG editor. Before, doing CMS projects I used to use fckeditor, and I always had a problem with its bad design and loading time. Though you can config the editor to just the actions you need. I still felt something was not right about it. And I searched about editors, then I came across TinyMCE editor.</p>
<p><span id="more-31"></span></p>
<p>TinyMCE is platform independent, javascript based editor and has a very special feature of changing the textareas into the editor&#8217;s instance. It takes lesser time then fckeditor or other editors I have used. It also has a simple look and can fit into any designs. And its pretty easy to configure too. You can download it from <a href="http://tinymce.moxiecode.com/download.php">http://tinymce.moxiecode.com/download.php</a>. Here is code that may help you through configuring it for minimal use.</p>
<pre class="brush: jscript;">

&lt;script language=&quot;JavaScript&quot; type=&quot;text/javascript&quot; src=&quot;../tinymce/tiny_mce.js&quot;&gt;&lt;/script&gt;

&lt;script language=&quot;javascript&quot; type=&quot;text/javascript&quot;&gt;
tinyMCE.init({
	theme : &quot;advanced&quot;,
	mode: &quot;exact&quot;,
	elements : &quot;content&quot;,
	theme_advanced_toolbar_location : &quot;top&quot;,
	theme_advanced_buttons1 : &quot;bold,italic,underline,separator,justifyleft,justifycenter,justifyright,justifyfull,separator,outdent,indent,separator,undo,redo&quot;,
	theme_advanced_buttons2 : &quot;&quot;,
	theme_advanced_buttons3 : &quot;&quot;,
	height:&quot;350px&quot;,
	width:&quot;600px&quot;
});
&lt;/script&gt;
</pre>
<p><strong>Code #1 :</strong> Includes the tinymce files for the page.<br />
<strong>Code #4-#14:</strong> Initiates the tinymce instance for the page.<br />
<strong>Code#5-#6:</strong> TinyMCE has a lots of themes and mode which you can configure to exactly what you want. Let&#8217;s leave this for now. Just keep those two.<br />
<strong>Code#7:</strong> Now here&#8217;s the tricky part. You should keep here the name/Id of the textarea on which tinyMCE is decorated. If you want many editor&#8217;s instance on the same page, just add other textarea element seperated with commas.<br />
<strong>Code#8:</strong> Defines where the toolbar is placed. The other option is bottom.<br />
<strong>Code#9: </strong>Defines the tools avaliable. You can put custom tools wherever you like, either on button1 or button2 or button3.<br />
<strong>Code #12-#13:</strong> Defines the height and width of the editor.</p>
<p>This is just a simple set up for tinyMCE, I am looking forward to adding more on this. Catch me later.
<div style="margin-top: 15px; font-style: italic">
<p><strong>&copy;</strong> <a href="http://subesh.com.np/">Subesh Pokhrel&#039;s Blog &#8211; Magento Development Tips,PHP,Google Maps</a></p>
</div>
<hr /><small>Copyright &copy; 2010<br /> This feed is for personal, non-commercial use only. <br /> The use of this feed on other websites breaches copyright. If this content is not in your news reader, it makes the page you are viewing an infringement of the copyright. </small>
<p class="FacebookLikeButton"><fb:like href="http%3A%2F%2Fsubesh.com.np%2F2008%2F06%2Fconfiguring-tinymcesimple-setup%2F" layout="standard" show_faces="true" width="450" action="like" colorscheme="light"></fb:like></p>
]]></content:encoded>
			<wfw:commentRss>http://subesh.com.np/2008/06/configuring-tinymcesimple-setup/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
