htmleditorextender无法上传图片

时间:2015-10-26 14:14:51

标签: javascript c# asp.net ajaxcontroltoolkit

我正在尝试在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事件时不会被触发,但我不知道为什么。

仍然坚持这些家伙所以任何帮助都会非常感激我完全失去了。

最后一些好消息:)

我终于让imageupload工作了!好极了! 我将以下内容添加到我的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>

我的最终请求并不那么重要,但文本对齐按钮至关重要,所以我绝对需要那些工作

1 个答案:

答案 0 :(得分:0)

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

For Each RowCell In HelpTable.Rows(helpRow)

您可以从此链接中了解不同控件发生相同问题的信息。

在这篇文章中,它是更好的解释方式。

希望这会对你有所帮助。

感谢