ASP.NET AJAX HtmlEditorExtender Insert ImageRSS

• • 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

  Member

  470 Points

  201 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

  MSDN Community Support
  Please remember to click "Mark as Answer" the responses that resolved your issue.
  If you have any compliments or complaints to MSDN Support, feel free to contact MSDNFSF@microsoft.com.