.NET版Word處理控件Aspose.words功能演示：在ASP.NET MVC中創(chuàng)建MS Word編輯器

---

Aspose.Words for .NET提供了一套完整的功能，用于在多個(gè).NET應(yīng)用程序中操作和轉(zhuǎn)換MS Word文檔。您可以在桌面或Web應(yīng)用程序中創(chuàng)建新的或編輯現(xiàn)有的Word文檔。

在本文中，將展示如何利用Aspose.Words for .NET的字處理功能，以及如何在ASP.NET MVC中創(chuàng)建基于Web的MS Word編輯器。

Aspose.Words for .NET已升級(jí)至V20.4,如果你還沒(méi)有用過(guò)Aspose.Words可以點(diǎn)擊這里下載最新版測(cè)試。

在ASP.NET MVC中創(chuàng)建MS Word編輯器的步驟

為了演示，將在此應(yīng)用程序中使用了基于JavaScript的Suneditor WYSIWYG編輯器。您可以使用相同的內(nèi)容，也可以選擇其他任何適合您要求的HTML編輯器。以下是創(chuàng)建ASP.NET Word編輯器的步驟。

• 在Visual Studio中創(chuàng)建一個(gè)新的ASP.NET Core Web應(yīng)用程序。
  
• 選擇 Web應(yīng)用程序（模型-視圖-控制器） 模板。
  
• 下載所見(jiàn)即所得編輯器的文件，并將其保存在 wwwroot 目錄中。
  
• 打開(kāi)NuGet軟件包管理器，然后安裝Aspose.Words for .NET軟件包。
  
• 在index.cshtml 視圖中添加以下腳本。
  

  @{
  	ViewData["Title"] = "Word Editor in ASP.NET";
  	}
  	<div class="row">
  	<div class="col-md-12">
  	<form asp-controller="Home" asp-action="UploadFile" method="post" class="form-inline"
  	enctype="multipart/form-data">
  	<br />
  	<div class="form-group">
  	<input type="file" name="file" accept=".doc, .docx" class="form-control custom-file-input" />
  	div>
  	<div class="form-group">
  	<button type="submit" class="form-control btn btn-primary">Openbutton>
  	div>
  	<div class="form-group" style="position:relative; float :right">
  	<button type="button" id="download" class="form-control btn btn-success" value="Save and Download">Save and Downloadbutton>
  	div>
  	form>
  	<br />
  	<form method="post" asp-action="Index" id="formDownload">
  	<textarea name="editor" id="editor" rows="80" cols="100">
  	@if (ViewBag.HtmlContent == null)
  	{
  	<p>Write something or open an existing Word document. p>
  	}
  	else
  	{
  	@ViewBag.HtmlContent;
  	}
  	textarea>
  	form>
  	div>
  	div>
  	<link href="~/suneditor/dist/css/suneditor.min.css" rel="stylesheet">
  	<script src="~/suneditor/dist/suneditor.min.js">script>
  	<script>
  	var suneditor = SUNEDITOR.create('editor', {
  	display: 'block',
  	width: '100%',
  	height: '30%',
  	popupDisplay: 'full',
  	buttonList: [
  	['font', 'fontSize', 'formatBlock'],
  	['paragraphStyle', 'blockquote'],
  	['bold', 'underline', 'align', 'strike', 'subscript', 'superscript', 'horizontalRule', 'list'],
  	['table', 'link', 'image'],
  	['align', 'horizontalRule', 'list', 'lineHeight'],
  	['codeView']
  	],
  	placeholder: 'Start typing something...'
  	});
  	script>
  	<script>
  	$(document).ready(function () {
  	$("#download").click(function () {
  	suneditor.save();
  	$("#formDownload").submit();
  	});
  	});
  	script>

  
  
• 在HomeController.cs 控制器中添加以下方法 。
  

  [HttpPost]
  	public FileResult Index(string editor)
  	{
  	try
  	{
  	// Create a unique file name
  	string fileName = Guid.NewGuid() + ".docx";
  	// Convert HTML text to byte array
  	byte[] byteArray = Encoding.UTF8.GetBytes(editor.Contains("") ? editor : "" + editor + "");
  	// Generate Word document from the HTML
  	MemoryStream stream = new MemoryStream(byteArray);
  	Document Document = new Document(stream);
  	// Create memory stream for the Word file
  	var outputStream = new MemoryStream();
  	Document.Save(outputStream, SaveFormat.Docx);
  	outputStream.Position = 0;
  	// Return generated Word file
  	return File(outputStream, System.Net.Mime.MediaTypeNames.Application.Rtf, fileName);
  	}
  	catch (Exception exp)
  	{
  	return null;
  	}
  	}
  	[HttpPost]
  	public ViewResult UploadFile(IFormFile file)
  	{
  	// Set file path
  	var path = Path.Combine("wwwroot/uploads", file.FileName);
  	using (var stream = new FileStream(path, FileMode.Create))
  	{
  	file.CopyTo(stream);
  	}
  	// Load Word document
  	Document doc = new Document(path);
  	var outStream = new MemoryStream();
  	// Set HTML options
  	HtmlSaveOptions opt = new HtmlSaveOptions();
  	opt.ExportImagesAsBase64 = true;
  	opt.ExportFontsAsBase64 = true;
  	// Convert Word document to HTML
  	doc.Save(outStream, opt);
  	// Read text from stream
  	outStream.Position = 0;
  	using(StreamReader reader = new StreamReader(outStream))
  	{
  	ViewBag.HtmlContent = reader.ReadToEnd();
  	}
  	return View("Index");
  	}

• 在您喜歡的瀏覽器中生成并運(yùn)行該應(yīng)用程序。
  

演示

以下是如何在ASP.NET Word編輯器中創(chuàng)建或編輯Word文檔的演示。

• 創(chuàng)建一個(gè)Word文檔
  
• 編輯Word文檔
  
  

1你可以點(diǎn)擊下載【在ASP.NET MVC中創(chuàng)建MS Word編輯器源代碼】。

---

還想要更多嗎？您可以點(diǎn)擊閱讀【2019 · Aspose最新資源整合】，查找需要的教程資源。如果您有任何疑問(wèn)或需求，請(qǐng)隨時(shí)加入Aspose技術(shù)交流群（642018183），我們很高興為您提供查詢和咨詢。