C# CKEditor 4和ASP.NET核心MVC:如何在CKEditor中更改图像url
我正在使用CKEditor 4发布博客文章。我正在上传图像并返回图像url。每当我在我的编辑器上单击源时,我都会看到“https://localhost:5001/88e4174d-8d8f-b041-8af0-9503a0ec7dfd“width=”1776“/>如何将源更改为返回的图像url 每当我在ckeditor上单击SOURCE时,我都会看到“width=“1776”/>”如何将源更改为返回的图像url 我用下面的代码示例做了一个测试,在我这方面效果很好,您可以参考它 查看页面C# CKEditor 4和ASP.NET核心MVC:如何在CKEditor中更改图像url,c#,asp.net-core-mvc,ckeditor4.x,C#,Asp.net Core Mvc,Ckeditor4.x,我正在使用CKEditor 4发布博客文章。我正在上传图像并返回图像url。每当我在我的编辑器上单击源时,我都会看到“https://localhost:5001/88e4174d-8d8f-b041-8af0-9503a0ec7dfd“width=”1776“/>如何将源更改为返回的图像url 每当我在ckeditor上单击SOURCE时,我都会看到“width=“1776”/>”如何将源更改为返回的图像url 我用下面的代码示例做了一个测试,在我这方面效果很好,您可以参考它 查看页面 @节
@节脚本{
CKEDITOR.replace('blog_input'{
filebrowserImageUploadUrl:“/Home/UploadImage”
});
}
注意:为CKEditor设置自定义图像上载Url
上载映像操作
[HttpPost]
公共异步任务
2) CKEditor中的图像源
我的编辑器不是这样的。我可以获取您正在使用的ckeditor的zip文件吗?在我的代码中,您可以发现我从CDN加载了ckeditor 4脚本。
<textarea name="blog_input"></textarea>
@section scripts{
<script src="https://cdn.ckeditor.com/4.10.1/standard/ckeditor.js"></script>
<script>
CKEDITOR.replace('blog_input', {
filebrowserImageUploadUrl: '/Home/UploadImage'
});
</script>
}
[HttpPost]
public async Task<ActionResult> UploadImage(IFormFile upload)
{
if (upload.Length <= 0) return null;
//your custom code logic here
//1)check if the file is image
//2)check if the file is too large
//etc
var fileName = Guid.NewGuid() + Path.GetExtension(upload.FileName).ToLower();
//save file under wwwroot/CKEditorImages folder
var filePath = Path.Combine(
Directory.GetCurrentDirectory(), "wwwroot/CKEditorImages",
fileName);
using (var stream = System.IO.File.Create(filePath))
{
await upload.CopyToAsync(stream);
}
var url = $"{"/CKEditorImages/"}{fileName}";
var successMessage = "image is uploaded";
dynamic success = Newtonsoft.Json.JsonConvert.DeserializeObject("{ 'uploaded': 1,'fileName': \"" + fileName + "\",'url': \"" + url + "\", 'error': { 'message': \"" + successMessage + "\"}}");
return Json(success);
}