Froala WYSIWYG Editor - Asp.net MVC
<p>I was used <a href="https://froala.com/wysiwyg-editor" rel="nofollow">Froala WYSIWYG Editor</a>. Uploaded Images was successfully save in correct path but doesn't show in editor.</p>

<pre><code>&lt;script&gt;
      $(function() {
          $('#PostDesc').froalaEditor({
              imageButtons: ["removeImage", "replaceImage", "linkImage"],
              borderColor: '#00008b',
              imageUploadURL: '@Url.Action("FroalaUploadImage", "Posts")',
              imageParams: { postId: "123" },
              enableScript: false,
              fileUploadURL: '@Url.Action("FroalaUploadFile", "Posts")',
              fileUploadParams: { postId: "123" }
          });
      });
&lt;/script&gt;
</code></pre>

<p><strong>Action:</strong></p>

<pre><code>[HttpPost]
public ActionResult FroalaUploadImage(HttpPostedFileBase file, int? postId)
{
    var fileName = Path.GetFileName(file.FileName);
    var rootPath = Server.MapPath("~/img/Post/");
    file.SaveAs(Path.Combine(rootPath, fileName));
    return Json(new { link = "img/Post/" + fileName }, JsonRequestBehavior.AllowGet);
}
</code></pre>

<p>What is wrong in <code>return Json(new { link = "img/Post/" + fileName }, JsonRequestBehavior.AllowGet);</code>?</p>

<p><strong>Update:</strong></p>

<p>I use this editor in an area and It seams that i must change url. </p>

<p>I wrote </p>

<pre><code>return Json(new UrlHelper(this.Request.RequestContext).Content("~/img/Post/" + fileName ), JsonRequestBehavior.AllowGet);
</code></pre>

<p>instead of</p>

<pre><code>return Json(new { link = "img/Post/" + fileName }, JsonRequestBehavior.AllowGet);
</code></pre>

<p>but problem not solved yet!!</p>