Asp.Net With C#

Learn As Much As You Can

Tuesday 2 April 2013

Tinymce Editor in Asp.net

04:52 By


First Download the Source Code from the TinyMce site and then
Just Add the following code in the page where you want to show your TinyMce Editor
 <script src="tinymce/jscripts/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<script type="text/javascript">
    tinyMCE.init({
                   
                     // General options
                     mode: "textareas",
                     theme: "advanced",
                     width: "600",
                     height: "400",
                     encoding: "xml",
//Call the method to Browse the image from the computer
                     file_browser_callback: 'fileBrowserCallBack',
                     plugins: "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell, \
    inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste, \
    directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template, \
    wordcount,advlist,autosave",
                     setup: function(ed)
                     {
                         ed.onKeyPress.add(
                             function(ed, evt)
                             {
                             }
                             );
                     },
                     // Theme options
                     theme_advanced_buttons1: "save,newdocument,|,bold,italic,underline,strikethrough,|, \
    justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect, \
    fontselect,fontsizeselect",

                     theme_advanced_buttons2: "cut,copy,paste,pastetext,pasteword,|,search,replace,|, \
    bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor, \
    image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
                     theme_advanced_buttons3: "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,\
    charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
                     theme_advanced_buttons4: "insertlayer,moveforward,movebackward,absolute,|, \
    styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft",
                     theme_advanced_toolbar_location: "top", theme_advanced_toolbar_align: "left",
                     theme_advanced_statusbar_location: "bottom", theme_advanced_resizing: true,
                     // Example content CSS (should be your site CSS) 
                     content_css: "css/content.css",
                     // Drop lists for link/image/media/template dialogs 
                     template_external_list_url: "lists/template_list.js", external_link_list_url: "lists/link_list.js",
                     external_image_list_url: "lists/image_list.js", media_external_list_url: "lists/media_list.js",
                     // Style formats 
                     style_formats: [
                         { title: 'Bold text', inline: 'b' },
                         { title: 'Red text', inline: 'span', styles: { color: '#ff0000'} },
                         { title: 'Red header', block: 'h1', styles: { color: '#ff0000'} },
                         { title: 'Example 1', inline: 'span', classes: 'example1' },
                         { title: 'Example 2', inline: 'span', classes: 'example2' },
                         { title: 'Table styles' },
                         { title: 'Table row 1', selector: 'tr', classes: 'tablerow1' }
                     ],
                     // Replace values for the template plugin
                     template_replace_values:
                     {
                         username: "Some User", staffid: "991234"
                     }
                 });
        // ---------This code for upload the image from your computer not from the web using url---
    function fileBrowserCallBack(field_name, url, type, win)
    {
//You need to create your own page to upload the image from the computer
        win.open('Browse.aspx', 'Browse Image', 'width=350,height=120,left=400, top=400, toolbar= no ,status=yes,location=no,resizable=no,dependent');
        win.document.forms[0].elements[field_name].value = filename;
        return false;
    }

  //----Code End for open a new window that helps to upload the image from the client computer-----------

Then Add the following 

 <textarea id="Editor_textArea" name="Editor_textArea" rows="15" cols="80" runat="server"></textarea>


//In the CS file

public string bodyHtml
    {
        get
        {
            return HttpUtility.HtmlDecode(Editor_textArea.Value);
        }
        set
        {
            Editor_textArea.Value = value;
        }
    }

Then You can use bodyHtml where ever you want it get the data from the editor and you can store it as it is as in your editor shows 


Thanx






Read more →

Url ReWriting Using Url Rewriter.Net

04:29 By


  1. Open your web project in Microsoft Visual Studio .NET.
  2. Add a reference to the Intelligencia.UrlRewriter assembly.
  3. Open the web.config file in your web project.
  4. Add the following in the web.config file:
  5. <configuration>
  6.   <configSections>
  7.     <section name="rewriter"
                 requirePermission    ="false"
                 type    ="Intelligencia.UrlRewriter.Configuration.RewriterConfigurationSectionHandler, Intelligencia.UrlRewriter" />
      </    configSections>
     
          <system.web>
         
            <httpModules>
              <add name="UrlRewriter" type="Intelligencia.UrlRewriter.RewriterHttpModule, Intelligencia.UrlRewriter" />
        </    httpModules>
       
          </system.web>

          <system.webServer>

            <modules runAllManagedModulesForAllRequests="true">
              <add name="UrlRewriter" type="Intelligencia.UrlRewriter.RewriterHttpModule" />
        </    modules>

            <validation validateIntegratedModeConfiguration="false" />

      </    system.webServer>

          <rewriter>
            <rewrite url="~/products/(.+)" to="~/products.aspx?category=$1" />
      </    rewriter>
          </configuration>
  8. And in the CS file or where ever you redirect to the page from put the text as in the url field like 
           Response.Redirect("~/products.aspx");

Read more →