<?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>Deep French Kiss &#187; WebDev</title>
	<atom:link href="http://deepfrenchkiss.com/category/webdev/feed/" rel="self" type="application/rss+xml" />
	<link>http://deepfrenchkiss.com</link>
	<description>Keep It Simple Stupid</description>
	<lastBuildDate>Wed, 26 May 2010 13:16:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Intégrer TinyMCE (avec image upload) dans une application ASP.NET MVC</title>
		<link>http://deepfrenchkiss.com/2009/11/integrer-tinymce-avec-image-upload-dans-une-application-asp-net-mvc/</link>
		<comments>http://deepfrenchkiss.com/2009/11/integrer-tinymce-avec-image-upload-dans-une-application-asp-net-mvc/#comments</comments>
		<pubDate>Tue, 17 Nov 2009 19:34:31 +0000</pubDate>
		<dc:creator>dfk</dc:creator>
				<category><![CDATA[WebDev]]></category>

		<guid isPermaLink="false">http://deepfrenchkiss.com/?p=39</guid>
		<description><![CDATA[
Télécharger TinyMCE, décompresser l&#8217;archive et l&#8217;installer dans un répertoire du genre &#8220;Content/Scripts&#8221;
Dans les pages où sera inséré l&#8217;éditeur html, ajouter entre les balises &#60;head&#62;&#60;/head&#62;:

&#60;script type=&#34;text/javascript&#34; src=&#34;path/to/tiny_mce.js&#34;&#62;&#60;/script&#62;
&#60;script type=&#34;text/javascript&#34;&#62;
&#160; tinyMCE.init&#40;&#123;
&#160; &#160;// General options
&#160; &#160;mode : &#34;textareas&#34;,
&#160; &#160;theme : &#34;advanced&#34;,
&#160; &#160;plugins : &#34;safari,spellchecker,pagebreak,style,
&#160; &#160; &#160;layer,table,save,advhr,advimage,advlink,
&#160; &#160; &#160;emotions,iespell,inlinepopups,insertdatetime,
&#160; &#160; &#160;preview,media,searchreplace,print,contextmenu,
&#160; &#160; &#160;paste,directionality,fullscreen,noneditable,
&#160; &#160; &#160;visualchars,nonbreaking,xhtmlxtras,
&#160; &#160; &#160;template,imagemanager,filemanager&#34;,

&#160; &#160;// Theme options
&#160; [...]]]></description>
			<content:encoded><![CDATA[<ul>
<li>Télécharger <a title="TinyMCE" href="http://tinymce.moxiecode.com/index.php">TinyMCE</a>, décompresser l&#8217;archive et l&#8217;installer dans un répertoire du genre &#8220;Content/Scripts&#8221;</li>
<li>Dans les pages où sera inséré l&#8217;éditeur html, ajouter entre les balises &lt;head&gt;&lt;/head&gt;:</li>
</ul>
<div class="codecolorer-container javascript default codecolorer-noborder" style="overflow:auto;white-space:nowrap;border: 1px solid #9F9F9F;width:548px;height:300px;"><div class="javascript codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap">&lt;script type=&quot;text/javascript&quot; src=&quot;path/to/tiny_mce.js&quot;&gt;&lt;/script&gt;<br />
<span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span><br />
&nbsp; tinyMCE.<span style="color: #660066;">init</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span><br />
&nbsp; &nbsp;<span style="color: #006600; font-style: italic;">// General options</span><br />
&nbsp; &nbsp;mode <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;textareas&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp;theme <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;advanced&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp;plugins <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;safari,spellchecker,pagebreak,style,<br />
&nbsp; &nbsp; &nbsp;layer,table,save,advhr,advimage,advlink,<br />
&nbsp; &nbsp; &nbsp;emotions,iespell,inlinepopups,insertdatetime,<br />
&nbsp; &nbsp; &nbsp;preview,media,searchreplace,print,contextmenu,<br />
&nbsp; &nbsp; &nbsp;paste,directionality,fullscreen,noneditable,<br />
&nbsp; &nbsp; &nbsp;visualchars,nonbreaking,xhtmlxtras,<br />
&nbsp; &nbsp; &nbsp;template,imagemanager,filemanager&quot;</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;<span style="color: #006600; font-style: italic;">// Theme options</span><br />
&nbsp; &nbsp;theme_advanced_buttons1 <span style="color: #339933;">:</span> <br />
&nbsp; &nbsp; &nbsp;<span style="color: #3366CC;">&quot;save,newdocument,|,bold,italic,underline,strikethrough,|,<br />
&nbsp; &nbsp; &nbsp;justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,<br />
&nbsp; &nbsp; &nbsp;formatselect,fontselect,fontsizeselect&quot;</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;theme_advanced_buttons2 <span style="color: #339933;">:</span> <br />
&nbsp; &nbsp; &nbsp;<span style="color: #3366CC;">&quot;cut,copy,paste,pastetext,pasteword,|,search,replace,|,<br />
&nbsp; &nbsp; &nbsp;bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,<br />
&nbsp; &nbsp; &nbsp;link,unlink,anchor,image,cleanup,help,code,|,insertdate,<br />
&nbsp; &nbsp; &nbsp;inserttime,preview,|,forecolor,backcolor&quot;</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;theme_advanced_buttons3 <span style="color: #339933;">:</span> <br />
&nbsp; &nbsp; &nbsp;<span style="color: #3366CC;">&quot;tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,<br />
&nbsp; &nbsp; &nbsp; &nbsp;charmap,emotions,iespell,media,advhr,|,print,|,<br />
&nbsp; &nbsp; &nbsp; &nbsp;ltr,rtl,|,fullscreen&quot;</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;theme_advanced_buttons4 <span style="color: #339933;">:</span> <br />
&nbsp; &nbsp; &nbsp;<span style="color: #3366CC;">&quot;insertlayer,moveforward,movebackward,absolute,|,<br />
&nbsp; &nbsp; &nbsp;styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,<br />
&nbsp; &nbsp; &nbsp;visualchars,nonbreaking,template,blockquote,pagebreak,|,<br />
&nbsp; &nbsp; &nbsp;insertfile,insertimage&quot;</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;theme_advanced_toolbar_location <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;top&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp;theme_advanced_toolbar_align <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;left&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp;theme_advanced_statusbar_location <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;bottom&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp;theme_advanced_resizing <span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;<span style="color: #006600; font-style: italic;">// Example content CSS (should be your site CSS)</span><br />
&nbsp; &nbsp;content_css <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;css/example.css&quot;</span><span style="color: #339933;">,</span><br />
<br />
&nbsp; &nbsp;<span style="color: #006600; font-style: italic;">// Drop lists for link/image/media/template dialogs</span><br />
&nbsp; template_external_list_url <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;js/template_list.js&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; external_link_list_url <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;js/link_list.js&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; external_image_list_url <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;js/image_list.js&quot;</span><span style="color: #339933;">,</span><br />
&nbsp; &nbsp; media_external_list_url <span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;js/media_list.js&quot;</span><br />
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><br />
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></div></div>
<ul>
<li>Ne pas oublier de configurer le chemin vers tiny_mce.js (d&#8217;autres exemples de configuration sont disponibles sur le site de <a href="http://tinymce.moxiecode.com/examples/full.php">TinyMCE</a>)</li>
<li>Télécharger ce <a href="http://sourceforge.net/tracker/?func=detail&#038;aid=1908638&#038;group_id=103281&#038;atid=738747">plugin</a>. Uploader les deux fichiers <code class="codecolorer text default"><span class="text">editor_plugin.js</span></code> et <code class="codecolorer text default"><span class="text">image.aspx</span></code> dans <code class="codecolorer text default"><span class="text">tiny_mce/plugins/advimage</span></code></li>
<li>Remplacer &#8220;image.htm&#8221; par &#8220;image.aspx&#8221; dans le fichier <code class="codecolorer text default"><span class="text">editor_plugin_src.js</span></code></li>
<li>Rajouter le path pour TinyMCE dans web.config, par exemple:<br />
<code class="codecolorer xml default"><span class="xml"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;add</span> <span style="color: #000066;">key</span>=<span style="color: #ff0000;">&quot;tinyMCEImageBasePath&quot;</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;/Content/Images/&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span></span></code></li>
<li>Arranger selon son goût le fichier <code class="codecolorer text default"><span class="text">image.aspx</span></code> qui est un peu bordélique.</li>
]]></content:encoded>
			<wfw:commentRss>http://deepfrenchkiss.com/2009/11/integrer-tinymce-avec-image-upload-dans-une-application-asp-net-mvc/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
