Skip to main content

Adding AJAX HTMLEditorExtender control in webform

Here are the steps to add ajax HMTLEditorExtender control in webform.
1. In VS 2013 open Tools > Library Package Manager > Package Manager Console.
2. Enter command : PM> Install-Package AjaxControlToolkit . This will download and add AjaxControlToolkit.dll reference with your website.
3. Add following tags in web.config  -
<configSections>
    <sectionGroup name="system.web">
      <section name="sanitizer" requirePermission="false" type="AjaxControlToolkit.Sanitizer.ProviderSanitizerSection, AjaxControlToolkit" />
    </sectionGroup>
  </configSections>
<sanitizer defaultProvider="HtmlAgilityPackSanitizerProvider">
      <providers>
        <add name="HtmlAgilityPackSanitizerProvider" type="AjaxControlToolkit.Sanitizer.HtmlAgilityPackSanitizerProvider"></add>
      </providers>
    </sanitizer>


<configSections> should be the first child tag of <configuration> and <sanitizer> should be a child of <system.web> tag. Don’t worry about warning at sanitizer tag. It will work fine.
4. In Site.Master replace , <asp:ScriptManager id =”ScriptManager1”runat=”server”> with <ajaxToolkit:ToolkitScriptManager ID=”ajxToolKit” runat =”server”> This should be added inside form tag. Remove <asp:ScriptReference Name="MsAjaxBundle" /> from script references.
5. Now you can add Ajax HTMLEditorExtender on webpage.
6. Here is a sample source of sample content page  to add Ajax HTMLEditorExtender
  <asp:TextBox ID="txtCategory" TextMode="MultiLine" Columns="60" Rows="10"
        runat="server" />

    <ajaxToolkit:HtmlEditorExtender ID="HTMLEditor1" TargetControlID="txtCategory"
        runat="server" />





In case, if HTMLEditorExtender is working fine on local machine and after deployment on server ReflectionTypeLoadException occurs then check the trust level.

Ajax Tookit requires full trust level to work. Default trust level on server is medium. So, to make ajax toolkit work change the trust level on server to full.

This is can be done by adding following line under <system.web> section of web.config -

<trust level="Full" />

Comments

Popular posts from this blog

Show Image on canvas HTML5

Here is the sample code to select image from system and display it on html5 canvas and javascript: <input type= "file" id= "selectedImage" /> <canvas id= "myCanvas" width= "500" height= "500" > </canvas> Javascript code: $( "#selectedImage" ).change( function (e) { var URL = window .URL; var url = URL.createObjectURL(e.target.files[ 0 ]); img.src = url; img.onload = function () { var canvas = document .getElementById( "myCanvas" ); var ctx = canvas.getContext( "2d" ); var imgSize = calculateAspectRatioFit(img.width, img.height, canvas.clientWidth, canvas.clientHeight); ctx.clearRect( 0 , 0 , canvas.width, canvas.height); ctx.drawImage(img, 0 , 0 , imgSize.width, imgSize.height); } }); function calculateAspectRatioFit(srcWidth, srcHeight, maxWidth, maxHeight) { var ratio = Math .min(maxWi

Pass byte array from C# to C++ and vice-versa

Pass byte array from C# to C++                           If you want to pass a byte array to native DLL as parameter, you can use the Intptr to do this, please check the demo below. /C++ API code: TestDLL_API void TestArrayPara (BYTE * pArray, int nSize) { for ( int i= 0 ; i<nSize; i++) printf( "%d\n" , pArray[i]); } //C# code: class TestClass { [DllImport(@"TestDll.dll")] public static extern void TestArrayPara (IntPtr pArray, int nSize); public static void Test () { byte [] array = new byte [ 16 ]; for ( int i = 0 ; i < 16 ; i++) { array[i] = ( byte )(i + 97 ); } int size = Marshal.SizeOf(array[ 0 ]) * array.Length; IntPtr pnt = Marshal.AllocHGlobal(size); try { // Copy the array to unmanaged memory. Marshal.Copy(array, 0 , pnt, array

Display Tooltip for Combo Box item C#.NET Winforms

In windows form combo box control sometimes while adidng items dynamically we have items whose width is greater than width of combox box control. In this case for making UI more user friendly we can show tooltip over such item. Here is the sample C# code to display such tooltip:  Add a Tooltip control on the form.  Add following code : this . combo_box1 . DropDownStyle = System . Windows . Forms . ComboBoxStyle . DropDownList; this . combo_box1 . DrawMode = DrawMode . OwnerDrawFixed; this . combo_box1 . DrawItem += new DrawItemEventHandler(combo_box1_DrawItem); this . combo_box1 . DropDownClosed += new EventHandler(combo_box1_DropDownClosed); this . combo_box1 . MouseLeave += new EventHandler(combo_box1_Leave); void combo_box1_DrawItem( object sender, DrawItemEventArgs e) { if (e . Index < 0 ) { return ; } string text = combo_box1 . GetItemText(combo_box1 . Items[e . Index