<?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>Lokirj &#187; helper javascript</title>
	<atom:link href="http://www.lokirj.com.br/tag/helper-javascript/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lokirj.com.br</link>
	<description>Meu blog sem máscaras :: Desenvolvimento web e estudos</description>
	<lastBuildDate>Fri, 12 Mar 2010 17:11:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Editor Xinha com Cakephp</title>
		<link>http://www.lokirj.com.br/cakephp/editor-xinha-com-cakephp/</link>
		<comments>http://www.lokirj.com.br/cakephp/editor-xinha-com-cakephp/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 19:19:07 +0000</pubDate>
		<dc:creator>Rodrigo Guimarães</dc:creator>
				<category><![CDATA[cakephp]]></category>
		<category><![CDATA[helper javascript]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[WYSIWYG]]></category>
		<category><![CDATA[Zinha  editor]]></category>

		<guid isPermaLink="false">http://www.lokirj.com.br/?p=15</guid>
		<description><![CDATA[Pode-se dizer que o Xinha é um plugin em javascript que transforma um textarea em um WYSIWYG , perfeito para uso em sistemas e para dar um tchan em alguns formulários. Antes eu usava o TinyMCE, que também é muito bom (e mais leve), entretanto o Xinha acabou ganhando a preferência &#8211; O imageManager dele [...]]]></description>
			<content:encoded><![CDATA[<p>Pode-se dizer que o Xinha é um plugin em javascript que transforma um textarea em um WYSIWYG , perfeito para uso em sistemas e para dar um tchan em alguns formulários. Antes eu usava o TinyMCE, que também é muito bom (e mais leve), entretanto o Xinha acabou ganhando a preferência &#8211; O imageManager dele é uma mão na roda.</p>
<p>Segue os passos para utilizar o Xinha editor com CakePHP.</p>
<ol>
<li>Baixar do site http://trac.xinha.org/ a última versão do Xinha editor.<br />
Eu usei nos meus testes a 0.96beta2 e não tive problemas, embora seja beta já é madura o suficiente.</li>
<li>Decompactar o pacote na pasta vendors em app<br />
Eu preferi colocar o Xinha na pasta vendor pelo fato de ser um script feito por terceiros, acho que fica mais correto, mas podia te-lo colocado na pasta javascript em webroot.</li>
<li>No controller do seu formulário, faça a chamada do helper <strong>javascript</strong> .<br />
Eu me atrapalhei um pouco aqui, pois não conseguia entender como um item que esta na pasta vendors poderia ser chamado através de um helper com nome diferente.var $helpers = array(&#8216;Form&#8217;, &#8216;Html&#8217;, &#8216;Javascript&#8217;, &#8216;Time&#8217;);</li>
<li>Na view, eu fiz a inclusão do blocos de script usando o helper javascript.</li>
</ol>
<pre>codeBlock('
_editor_url = "/cake/js/xinha/";
_editor_lang = "en";');

echo $javascript-&gt;link('xinha/XinhaCore.js');

echo $javascript-&gt;codeBlock('
xinha_editors = null;
xinha_init    = null;
xinha_config  = null;
xinha_plugins = null;

xinha_init = xinha_init ? xinha_init : function()
{
xinha_editors = xinha_editors ? xinha_editors :
[
\'TemplateEmailHtml\'
];

xinha_plugins = xinha_plugins ? xinha_plugins :
[
\'ImageManager\'
];

if(!Xinha.loadPlugins(xinha_plugins, xinha_init)) return;

xinha_config = xinha_config ? xinha_config() : new Xinha.Config();

//this is the standard toolbar, feel free to remove buttons as you like
xinha_config.toolbar =
[
["fontname","fontsize","bold","italic","underline"],
["separator","justifyleft","justifycenter","justifyright","justifyfull"],
["separator","inserthorizontalrule","createlink","insertimage"],
["linebreak","insertorderedlist","separator","insertunorderedlist"],
["separator","htmlmode"]
];

xinha_config.pageStyleSheets = [ _editor_url + "examples/full_example.css" ];

xinha_editors   = Xinha.makeEditors(xinha_editors, xinha_config, xinha_plugins);

Xinha.startEditors(xinha_editors);
}

Xinha._addEvent(window,\'load\', xinha_init);');

endif;
?&gt;</pre>
<p>Eu tive um pouco de trabalho para botar pra funcionar, ainda não esta no meu ideal, mas já é um começo.</p>
<p>Se alguém souber de uma maneira mais correta de se trabalhar com o Xinha, deixe um comentário com a dica <img src='http://www.lokirj.com.br/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.lokirj.com.br/cakephp/editor-xinha-com-cakephp/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
