在 Word Web App 中进行高级编辑

原文发布于 2012 年 8 月 3 日（星期五）

这是 Office Web Apps 工程团队每周编写的一系列文章中的第一篇，这些文章将深入探讨下一个版本的 Office Web Apps。正如 Mike Morton 几周前在他的新的 Office Web Apps（该链接可能指向英文页面）一文中所述，改进的创作功能是新版本的核心方案之一。

在本文中，Office Web Applications 的项目经理 Ken Yuhas 将探讨这些改进，介绍我们如何针对 Word Web App 在浏览器中构建这些功能。

经过二十多年的发展，Office 应用程序的功能日趋完善，大大提高了我们的工作效率。由于我们在每个 Office Web Apps 版本上投入的时间有限，因此我们必须优先考虑要投资于哪些功能和哪些新方案。我们根据客户反馈、使用情况数据和新方案投入做出这些决定。因为 Web Apps 发布频繁，所以我们需要不断了解对您很重要的功能。

页面布局

尽管在呈现文档方面，Word Web App 查看器已达到了和在桌面上用 Microsoft Word 呈现时同样逼真的效果，但是，Word Web App 编辑器仍缺乏同样的页面布局功能。现在，我们增加了这些功能，您可以实时查看所做更改如何影响最终布局。编辑体验的改进非常明显，从图片上便可见一斑。

（Office 2010 中的 Word Web App 编辑器）

（2013 中的 Word Web App 编辑器）

现在，可以直接在浏览器中查看文档的页宽、方向、边距、段落间距、缩进等是否正确。我们添加了“页面布局”(Page Layout) 功能区选项卡，这样，您可以轻松更改这些属性。显而易见，这些增强功能提高了文档保真度，使之更接近打印文档的水平。

当您打开一个文档时，服务器会处理该文件，将页面布局属性与文档内容一起发送给浏览器。浏览器中运行的 JavaScript 将适当的 CSS 值应用于内容，其余工作都交给浏览器来完成。窍门在于正确转换，以便您在浏览器中看到与 Microsoft Word 中相同的布局效果。

 

（Word Web App 编辑器 2013 中的“页面布局”(Page Layout) 选项卡）

艺术字

我们还在此版本的 Word 编辑器中添加了查看艺术字（带效果的图片、图表、SmartArt、艺术字等等）功能。可以直接在浏览器中将新图片样式应用于图像。为了让您无论从哪里访问文档都能得到一致的体验，我们在服务器上使用同一图形引擎来呈现图像，然后将图像发送给 Web 应用程序。

（Word Web App 编辑器 2013 中的“图片效果”选项）

字数统计

字数统计是客户请求最多的功能之一，我们决定在此版本中增加这一功能。与桌面应用程序相同，在状态栏中显示字数统计。事实证明，在浏览器中构建字数统计功能是一个有趣的挑战。

（Word Web App 编辑器 2013 中的“字数统计”）

如何断字或者说如何判定哪些字符组成一个词是字数统计工作的关键。我们发现，按照断词规则，每个词大约用去 1 毫秒，浏览器判断一个标准 Unicode 字符组成的词大约用去 2 毫秒。JavaScript 是单线程的，因此，如果在启动时计算一个 20 页文档中的所有字数，则该应用程序会冻结 12 秒以上！

为防止应用程序冻结，同时字数统计仍在后台运行，我们对字数统计进行分块处理。当启动字数统计时，使用 JavaScript 回调，尝试统计大约 100 个单词。然后，剩下的时间用来处理像键入或单击等新事件。当处理完所有事件后，再回头统计字数。

外观设计

在此版本中，我们还对一些小功能做了调整，希望有助于改善在 Word Web App 中进行编辑的总体体验。例如，现在可以使用注释或修订来编辑文档。我们还增加了查看内容控件（如参考书目和目录）的功能。插入的图片现在被内嵌放置而不是作为一个新段落。您甚至可以用新的放大或缩小按钮来更改字体大小！

（包含 Word 生成的参考书目和新插入的内嵌图像的文档）

希望本博文能让您对 Word Web App 中这些新的高级创作功能感到兴奋。您可以使用这个专门的链接（该链接可能指向英文页面）登录以便在 SkyDrive 上试用新的 Office Web Apps，也可参与 Office 365 Preview。

 Ken Yuhas

项目经理 - Office Web Applications

这是一篇本地化的博客文章。请访问 Building Advanced Editing in Word Web App 以查看原文