<?xml version="1.0" encoding="utf-8"?>
<rss xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:pingback="http://madskills.com/public/xml/rss/module/pingback/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:georss="http://www.georss.org/georss" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0">
  <channel>
    <title>Jason Friend (j.i.f.f.) - JavaScript</title>
    <link>http://jasonfriend.com/</link>
    <description>... no not the peanut butter</description>
    <language>en-us</language>
    <copyright>Jason Friend</copyright>
    <lastBuildDate>Tue, 11 May 2010 16:29:04 GMT</lastBuildDate>
    <generator>newtelligence dasBlog 2.1.8102.813</generator>
    <managingEditor>blog@jasonfriend.com</managingEditor>
    <webMaster>blog@jasonfriend.com</webMaster>
    <item>
      <trackback:ping>http://jasonfriend.com/Trackback.aspx?guid=4a60ff61-c2dd-417e-a479-dbb86aca7998</trackback:ping>
      <pingback:server>http://jasonfriend.com/pingback.aspx</pingback:server>
      <pingback:target>http://jasonfriend.com/PermaLink,guid,4a60ff61-c2dd-417e-a479-dbb86aca7998.aspx</pingback:target>
      <dc:creator>Jason</dc:creator>
      <georss:point>0 0</georss:point>
      <wfw:comment>http://jasonfriend.com/CommentView,guid,4a60ff61-c2dd-417e-a479-dbb86aca7998.aspx</wfw:comment>
      <wfw:commentRss>http://jasonfriend.com/SyndicationService.asmx/GetEntryCommentsRss?guid=4a60ff61-c2dd-417e-a479-dbb86aca7998</wfw:commentRss>
      <slash:comments>1</slash:comments>
      <body xmlns="http://www.w3.org/1999/xhtml">
        <p>
Maybe I'm missing something, but I'm not sure what the fuss is about using <a href="http://jasonfriend.com/ct.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998&amp;url=http%3a%2f%2fckeditor.com">CKEditor
3.x</a> in an ASP.NET application. You don't need any of the wrapper controls out
there unless they provide specific functionality that CKEditor does not provide.
</p>
        <p>
Here is all you really need to do to incorporate CKEditor 3.x into your ASP.NET application.
</p>
        <p>
1. Read and follow the instructions on how to install the files for using CKEditor
in the <a href="http://jasonfriend.com/ct.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998&amp;url=http%3a%2f%2fdocs.cksource.com%2fCKEditor_3.x%2fDevelopers_Guide">CKEditor
3.x - Developer's Guide</a>. 
</p>
        <p>
2. Add this in the HEAD section of your HTML.
</p>
        <blockquote style="MARGIN-RIGHT: 0px" dir="ltr">
          <pre>&lt;script type="text/javascript" src="/ckeditor/ckeditor.js"&gt;&lt;/script&gt;</pre>
        </blockquote>
        <p>
3. Add this to your FORM. <span style="BACKGROUND-COLOR: #e4e4e4; COLOR: #ff0000">Be
sure to name the textbox control and the reference to that control in the Javascript</span> as
needed.
</p>
        <blockquote style="MARGIN-RIGHT: 0px" dir="ltr">
          <pre>&lt;asp:TextBox ID="<span style="BACKGROUND-COLOR: #e4e4e4; COLOR: #ff0000">editor1</span>"
runat="server" TextMode="MultiLine"<br />
Rows="10" Columns="50"&gt;&lt;/asp:TextBox&gt; &lt;script type="text/javascript"&gt;
//&lt;![CDATA[ CKEDITOR.replace('&lt;%=<span style="BACKGROUND-COLOR: #e4e4e4; COLOR: #ff0000">editor1</span>.ClientID
%&gt;'); //]]&gt; &lt;/script&gt;</pre>
        </blockquote>
        <p>
4. Read the <a href="http://jasonfriend.com/ct.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998&amp;url=http%3a%2f%2fdocs.cksource.com%2fCKEditor_3.x%2fDevelopers_Guide">Developers
Guide</a> on how to incorporate any customization.
</p>
        <p>
5. To populate/save information from/to a database, reference the textbox by the name
you gave it in #3 above in this way.
</p>
        <blockquote style="MARGIN-RIGHT: 0px" dir="ltr">
          <pre>editor1.text</pre>
        </blockquote>
        <p>
6. To have multiple editors on one page, repeat the steps above making sure to rename
the control and Javascript reference.
</p>
        <p>
That's it, pretty simple!
</p>
        <img width="0" height="0" src="http://jasonfriend.com/aggbug.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998" />
        <br />
        <hr />
This weblog is sponsored by <a href="http://jasonfriend.com">Jason Friend (j.i.f.f.)</a>.</body>
      <title>Using CKEditor in ASP.NET</title>
      <guid isPermaLink="false">http://jasonfriend.com/PermaLink,guid,4a60ff61-c2dd-417e-a479-dbb86aca7998.aspx</guid>
      <link>http://jasonfriend.com/2010/05/11/Using+CKEditor+In+ASPNET.aspx</link>
      <pubDate>Tue, 11 May 2010 16:29:04 GMT</pubDate>
      <description>&lt;p&gt;
Maybe I'm missing something, but I'm not sure what the fuss is about using &lt;a href="http://jasonfriend.com/ct.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998&amp;amp;url=http%3a%2f%2fckeditor.com"&gt;CKEditor
3.x&lt;/a&gt; in an ASP.NET application. You don't need any of the wrapper controls out
there unless they provide specific functionality that CKEditor does not provide.
&lt;/p&gt;
&lt;p&gt;
Here is all you really need to do to incorporate CKEditor 3.x into your ASP.NET application.
&lt;/p&gt;
&lt;p&gt;
1. Read and follow the instructions on how to install the files for using CKEditor
in the &lt;a href="http://jasonfriend.com/ct.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998&amp;amp;url=http%3a%2f%2fdocs.cksource.com%2fCKEditor_3.x%2fDevelopers_Guide"&gt;CKEditor
3.x - Developer's Guide&lt;/a&gt;. 
&lt;/p&gt;
&lt;p&gt;
2. Add this in the HEAD section of your HTML.
&lt;/p&gt;
&lt;blockquote style="MARGIN-RIGHT: 0px" dir=ltr&gt;&lt;pre&gt;&amp;lt;script type="text/javascript" src="/ckeditor/ckeditor.js"&amp;gt;&amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/blockquote&gt; 
&lt;p&gt;
3. Add this to your FORM. &lt;span style="BACKGROUND-COLOR: #e4e4e4; COLOR: #ff0000"&gt;Be
sure to name the textbox control and the reference to that control in the Javascript&lt;/span&gt; as
needed.
&lt;/p&gt;
&lt;blockquote style="MARGIN-RIGHT: 0px" dir=ltr&gt;&lt;pre&gt;&amp;lt;asp:TextBox ID="&lt;span style="BACKGROUND-COLOR: #e4e4e4; COLOR: #ff0000"&gt;editor1&lt;/span&gt;"
runat="server" TextMode="MultiLine"&lt;br&gt;
Rows="10" Columns="50"&amp;gt;&amp;lt;/asp:TextBox&amp;gt; &amp;lt;script type="text/javascript"&amp;gt;
//&amp;lt;![CDATA[ CKEDITOR.replace('&amp;lt;%=&lt;span style="BACKGROUND-COLOR: #e4e4e4; COLOR: #ff0000"&gt;editor1&lt;/span&gt;.ClientID
%&amp;gt;'); //]]&amp;gt; &amp;lt;/script&amp;gt;&lt;/pre&gt;&lt;/blockquote&gt; 
&lt;p&gt;
4. Read the &lt;a href="http://jasonfriend.com/ct.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998&amp;amp;url=http%3a%2f%2fdocs.cksource.com%2fCKEditor_3.x%2fDevelopers_Guide"&gt;Developers
Guide&lt;/a&gt; on how to incorporate any customization.
&lt;/p&gt;
&lt;p&gt;
5. To populate/save information from/to a database, reference the textbox by the name
you gave it in #3 above in this way.
&lt;/p&gt;
&lt;blockquote style="MARGIN-RIGHT: 0px" dir=ltr&gt;&lt;pre&gt;editor1.text&lt;/pre&gt;&lt;/blockquote&gt; 
&lt;p&gt;
6. To have multiple editors on one page, repeat the steps above making sure to rename
the control and Javascript reference.
&lt;/p&gt;
&lt;p&gt;
That's it, pretty simple!
&lt;/p&gt;
&lt;img width="0" height="0" src="http://jasonfriend.com/aggbug.ashx?id=4a60ff61-c2dd-417e-a479-dbb86aca7998" /&gt;
&lt;br /&gt;
&lt;hr /&gt;
This weblog is sponsored by &lt;a href="http://jasonfriend.com"&gt;Jason Friend (j.i.f.f.)&lt;/a&gt;.</description>
      <comments>http://jasonfriend.com/CommentView,guid,4a60ff61-c2dd-417e-a479-dbb86aca7998.aspx</comments>
      <category>.NET</category>
      <category>CKEditor</category>
      <category>JavaScript</category>
    </item>
    <item>
      <trackback:ping>http://jasonfriend.com/Trackback.aspx?guid=66f312ee-9328-45fc-8c37-7353b82f89e7</trackback:ping>
      <pingback:server>http://jasonfriend.com/pingback.aspx</pingback:server>
      <pingback:target>http://jasonfriend.com/PermaLink,guid,66f312ee-9328-45fc-8c37-7353b82f89e7.aspx</pingback:target>
      <dc:creator>Jason</dc:creator>
      <georss:point>0 0</georss:point>
      <wfw:comment>http://jasonfriend.com/CommentView,guid,66f312ee-9328-45fc-8c37-7353b82f89e7.aspx</wfw:comment>
      <wfw:commentRss>http://jasonfriend.com/SyndicationService.asmx/GetEntryCommentsRss?guid=66f312ee-9328-45fc-8c37-7353b82f89e7</wfw:commentRss>
      <body xmlns="http://www.w3.org/1999/xhtml">
        <p>
Greybox is nice to use having the modal window and all. I have found one problem so
far when using IE8. It works good except when closing the Greybox. In IE8 (Browser
Mode: IE8; Document Mode: IE8 Standards), the greybox does not close properly. It
shrinks to a 100x100 square and positions itself in the upper left corner (0,0) of
the browser window.
</p>
        <p>
I have found by adding this meta tag directly on the page it now closes, though a
little rough. Meaning, you still see the square get positioned, but it then closes
fully a split second later.
</p>
        <pre>
&lt;meta http-equiv="X-UA-Compatible" content="IE=7" /&gt;
</pre>
        <img width="0" height="0" src="http://jasonfriend.com/aggbug.ashx?id=66f312ee-9328-45fc-8c37-7353b82f89e7" />
        <br />
        <hr />
This weblog is sponsored by <a href="http://jasonfriend.com">Jason Friend (j.i.f.f.)</a>.</body>
      <title>Greybox with IE8</title>
      <guid isPermaLink="false">http://jasonfriend.com/PermaLink,guid,66f312ee-9328-45fc-8c37-7353b82f89e7.aspx</guid>
      <link>http://jasonfriend.com/2009/09/14/Greybox+With+IE8.aspx</link>
      <pubDate>Mon, 14 Sep 2009 14:50:29 GMT</pubDate>
      <description>&lt;p&gt;
Greybox is nice to use having the modal window and all. I have found one problem so
far when using IE8. It works good except when closing the Greybox. In IE8 (Browser
Mode: IE8; Document Mode: IE8 Standards), the greybox does not close properly. It
shrinks to a 100x100 square and positions itself in the upper left corner (0,0) of
the browser window.
&lt;/p&gt;
&lt;p&gt;
I have found by adding this meta tag directly on the page it now closes, though a
little rough. Meaning, you still see the square get positioned, but it then closes
fully a split second later.
&lt;/p&gt;
&lt;pre&gt;
&amp;lt;meta http-equiv="X-UA-Compatible" content="IE=7" /&amp;gt;
&lt;/pre&gt;
&lt;img width="0" height="0" src="http://jasonfriend.com/aggbug.ashx?id=66f312ee-9328-45fc-8c37-7353b82f89e7" /&gt;
&lt;br /&gt;
&lt;hr /&gt;
This weblog is sponsored by &lt;a href="http://jasonfriend.com"&gt;Jason Friend (j.i.f.f.)&lt;/a&gt;.</description>
      <comments>http://jasonfriend.com/CommentView,guid,66f312ee-9328-45fc-8c37-7353b82f89e7.aspx</comments>
      <category>Internet Explorer</category>
      <category>JavaScript</category>
      <category>Greybox</category>
    </item>
  </channel>
</rss>