ASP.NET AJAX HtmlEditorExtender Insert Image RSS

• • Reply
  ASp.net help

  None

  0 Points

  1 Post

  ASP.NET AJAX HtmlEditorExtender Insert Image

  Dec 30, 2019 02:39 PM|ASp.net help|LINK

  Hello all, I'm facing some problem with my HtmlEditorExtender Insert Image button.

  When clicked on the button, nothing happens, no popup was shown.

  Tried on both IE and Chrome.

  Helpppp

• • Reply
  yij sun

  Contributor

  3730 Points

  1412 Posts

  Re: ASP.NET AJAX HtmlEditorExtender Insert Image

  Dec 31, 2019 09:54 AM|yij sun|LINK

  Hi ASp.net help,

  Accroding to your description,I suggest you could download AjaxControlToolkit.HtmlEditor.Sanitizer in NuGet.It will be configured to use the HtmlAgilityPack Sanitizer Provider.

  Then you could use the ImageUploadComplete event.

  Since you haven't post your codes,I creat a demo for you.

  More details,you could refer to below codes:
  ASPX:

  <div>
              <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
              <ajaxToolkit:HtmlEditorExtender ID="HtmlEditorExtender1"
              TargetControlID="TextBox1" DisplaySourceTab="true"
              runat="server" OnImageUploadComplete="HtmlEditorExtender1_ImageUploadComplete">
              <Toolbar>
                  <ajaxToolkit:InsertImage />
              </Toolbar>
          </ajaxToolkit:HtmlEditorExtender>
              <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
          </div>
  

  Code-Behind:

  protected void HtmlEditorExtender1_ImageUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
          {
              string fullpath = Server.MapPath("~/image/") + e.FileName;
              HtmlEditorExtender1.AjaxFileUpload.SaveAs(fullpath);
              e.PostedUrl = Page.ResolveUrl("~/image/" + e.FileName);
          }

  Note:
  Web.config:

  <system.webServer>
      <validation validateIntegratedModeConfiguration="false" />
      <handlers>
        <add name="AjaxFileUploadHandler" verb="*" path="AjaxFileUploadHandler.axd" type="AjaxControlToolkit.AjaxFileUploadHandler, AjaxControlToolkit"/>
      </handlers>
    </system.webServer>

  Result:

  

  Best regards,

  Yijing Sun

  .NET forums are moving to a new home on Microsoft Q&A, we encourage you to go to Microsoft Q&A for .NET for posting new questions and get involved today.