Tuesday, 2 April 2013
Tinymce Editor in Asp.net
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
Url ReWriting Using Url Rewriter.Net
- Open your web project in Microsoft Visual Studio .NET.
- Add a reference to the Intelligencia.UrlRewriter assembly.
- Open the web.config file in your web project.
- Add the following in the web.config file:
- <configuration>
- <configSections>
- <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> - 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");