htmleditorextender 无法上传图片

Question

我正在尝试在 Web 表单中实施 Ajax 控制工具包 htmleditorexteder，但出现以下错误：

0x800a139e - JavaScript runtime error: Sys.ArgumentException: Cannot deserialize empty string.

我不知道这个错误是如何发生的，也不知道为什么会发生。我在互联网上搜索的尝试没有成功。如果您能提供任何建议，我们将不胜感激

对齐按钮似乎也不起作用。当我将它切换到代码视图时，它显示对齐属性但不将文本向右对齐或居中对齐，不知道为什么。

我的aspx：

<ajaxToolkit:HtmlEditorExtender EnableSanitization="true" ID="HtmlEditorExtender1" OnImageUploadComplete="HtmlEditorExtender1_ImageUploadComplete" DisplaySourceTab="true" TargetControlID="txtPost" runat="server">
                    <Toolbar>
                        <ajaxToolkit:Undo />
                        <ajaxToolkit:Redo />
                        <ajaxToolkit:Bold />
                        <ajaxToolkit:Italic />
                        <ajaxToolkit:Underline />
                        <ajaxToolkit:StrikeThrough />
                        <ajaxToolkit:Subscript />
                        <ajaxToolkit:Superscript />
                        <ajaxToolkit:InsertOrderedList />
                        <ajaxToolkit:InsertUnorderedList />
                        <ajaxToolkit:CreateLink />
                        <ajaxToolkit:UnLink />
                        <ajaxToolkit:RemoveFormat />
                        <ajaxToolkit:BackgroundColorSelector />
                        <ajaxToolkit:ForeColorSelector />
                        <ajaxToolkit:FontSizeSelector />
                        <ajaxToolkit:Indent />
                        <ajaxToolkit:Outdent />
                        <ajaxToolkit:InsertImage />       
                    </Toolbar>
                </ajaxToolkit:HtmlEditorExtender>
                <asp:TextBox ID="txtPost" runat="server" BackColor="White" CssClass="form-control" TextMode="MultiLine" Rows="30"></asp:TextBox>

我背后的代码：

protected void HtmlEditorExtender1_ImageUploadComplete(object sender, AjaxControlToolkit.AjaxFileUploadEventArgs e)
{       
    string fullPath = "~/images/postAssets/" + e.FileName;
         // Save upload file to the file system
       HtmlEditorExtender1.AjaxFileUpload.SaveAs(MapPath(fullPath));
       e.PostedUrl = Page.ResolveUrl(fullPath);
}

编辑：

我试过添加：

<httpHandlers>
  <add verb="*" path="AjaxFileUploadHandler.axd"
      type="AjaxControlToolkit.AjaxFileUploadHandler, 
      AjaxControlToolkit"/>
</httpHandlers>

按照其中一个答案的建议，但我收到以下错误：

HTTP Error 500.23 - Internal Server Error
An ASP.NET setting has been detected that does not apply in Integrated managed pipeline mode.
Most likely causes:
•This application defines configuration in the system.web/httpHandlers section.

调试时 onImageUploadComplete 事件没有被触发，但我不知道为什么。

仍然坚持这些人，所以任何帮助将不胜感激我完全不知所措。

终于有好消息:)

我终于可以上传图片了！耶！我将以下内容添加到我的 web.config 文件中：

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

<httpHandlers>
  <add verb="*" path="AjaxFileUploadHandler.axd" type="AjaxControlToolkit.AjaxFileUploadHandler, AjaxControlToolkit"/>
</httpHandlers>

不过

文本对齐按钮仍然只向左对齐，产生 html 如下所示：

<p align="right">This is some test</p>

但它实际上并没有将文本右对齐？无论如何我可以改变这个所以它会产生：

<p style="text-align:right">This is some text</p>

如果我手动输入 html，我可以使用上面的 html 行使其对齐，但是将使用该表格的人对 html 的了解为零，并且css 对学习没有兴趣。这就是为什么我首先使用此控件的原因。还有一种方法可以让它在任何编辑之前自动将以下内容添加到文本框，所有用户输入都将在其中进行吗？:

<div class="row"><div class="col-sm-12">
<!-- html editor extender content goes here -->
</div></div>

我的最终要求不是那么重要，但文本对齐按钮很重要，所以我绝对需要那些工作

Answer 1

您需要为此添加配置设置。你可以这样做...

<system.web>
....
<httpHandlers>
    <add verb="*" path="AjaxFileUploadHandler.axd"
      type="AjaxControlToolkit.AjaxFileUploadHandler, 
      AjaxControlToolkit"/>
</httpHandlers>

您可以从这个 link 中得到启发，其中不同的控件会出现相同的问题。

在这个 Post 中，这是更好的解释方式。

希望对您有所帮助。

谢谢

htmleditorextender 无法上传图片

htmleditorextender cannot upload image

javascript

c#

asp.net

ajaxcontroltoolkit