blocks|key|3796203|text|您可以使用OfficeJS+APIs。例如，以下函数使用Office将图像插入到文档中。注意：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3796204|3796205|指定为setSelectedDataAsync请求的第二个参数的coercionType选项指示要插入的数据类型。|unordered-list-item|style|CODE|3796206|3796207|3796208|+asyncResult对象封装setSelectedDataAsync请求的结果，包括请求失败时的状态和错误信息。|3796209|3796210|function+insertImageFromBase64String(image)+{
++++//+Call+Office.js+to+insert+the+image+into+the+document.
++++Office.context.document.setSelectedDataAsync(image,+{
++++++++coercionType:+Office.CoercionType.Image
++++},
++++++++function+(asyncResult)+{
++++++++++++if+(asyncResult.status+===+Office.AsyncResultStatus.Failed)+{
++++++++++++++++showNotification("Error",+asyncResult.error.message);
++++++++++++}
++++++++});
}|code-block|syntax|javascript|3796211|你可以在Tutorial:+Create+a+PowerPoint+task+pane+add-in中阅读更多关于它的内容。|3796212|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.microsoft.com/en-us/office/dev/add-ins/reference/overview/powerpoint-add-ins-reference-overview|1|https://docs.microsoft.com/en-us/office/dev/add-ins/tutorials/powerpoint-tutorial^0|5|D|0|0|0|3|K|W|C|0|0|0|1|B|G|K|0|0|0|4|1A|1|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|D|3|-4|5|6|7|19|8|@]|9|@]|C|$]]|$1|E|3|F|5|G|7|1A|8|@$A|1B|B|1C|H|I]|$A|1D|B|1E|H|I]]|9|@]|C|$]]|$1|J|3|-4|5|6|7|1F|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|1G|8|@]|9|@]|C|$]]|$1|L|3|M|5|G|7|1H|8|@$A|1I|B|1J|H|I]|$A|1K|B|1L|H|I]]|9|@]|C|$]]|$1|N|3|-4|5|6|7|1M|8|@]|9|@]|C|$]]|$1|O|3|P|5|Q|7|1N|8|@]|9|@]|C|$R|S]]|$1|T|3|U|5|6|7|1O|8|@]|9|@$A|1P|B|1Q|1|1R]]|C|$]]|$1|V|3|-4|5|6|7|1S|8|@]|9|@]|C|$]]]|W|$X|$5|Y|Z|10|C|$11|12]]|13|$5|Y|Z|10|C|$11|14]]]]

You can use the <a href="https://docs.microsoft.com/en-us/office/dev/add-ins/reference/overview/powerpoint-add-ins-reference-overview" rel="nofollow noreferrer">OfficeJS APIs</a>. For example, the following function uses the Office JavaScript API to insert the image into the document. Note:
<ul>
<li>The <code>coercionType</code> option that's specified as the second parameter of the <code>setSelectedDataAsync</code> request indicates the type of data being inserted.
</li>
<li>The <code>asyncResult</code> object encapsulates the result of the <code>setSelectedDataAsync</code> request, including status and error information if the request failed.
</li>
</ul>
<pre><code>function insertImageFromBase64String(image) {
 // Call Office.js to insert the image into the document.
 Office.context.document.setSelectedDataAsync(image, {
 coercionType: Office.CoercionType.Image
 },
 function (asyncResult) {
 if (asyncResult.status === Office.AsyncResultStatus.Failed) {
 showNotification(&quot;Error&quot;, asyncResult.error.message);
 }
 });
}
</code></pre>
You can read more about that in the <a href="https://docs.microsoft.com/en-us/office/dev/add-ins/tutorials/powerpoint-tutorial" rel="nofollow noreferrer">Tutorial: Create a PowerPoint task pane add-in</a>.

blocks|key|1342362|text|无论是Office.js接口还是PowerPoint+JavaScript接口目前都不支持在PowerPoint中添加表格，目前只能在Word和see+here中执行此操作。一种可能的解决方法是使用PptxGenJS之类的内容在临时ppt文件中生成一个表，然后使用PowerPoint+JavaScript+API将带有该表的幻灯片从临时ppt复制到运行插件的ppt。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1342363|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.microsoft.com/en-us/office/dev/add-ins/develop/office-javascript-api-object-model|1|https://gitbrent.github.io/PptxGenJS/docs/html-to-powerpoint/|2|https://docs.microsoft.com/en-us/office/dev/add-ins/powerpoint/insert-slides-into-presentation^0|20|8|0|2R|9|1|3O|P|2|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]|$A|W|B|X|1|Y]]|C|$]]|$1|D|3|-4|5|6|7|Z|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]|N|$5|G|H|I|C|$J|O]]]]

Neither the Office.js API or PowerPoint JavaScript API currently support adding a table into PowerPoint, you can only do this in Word and Excel at the moment, <a href="https://docs.microsoft.com/en-us/office/dev/add-ins/develop/office-javascript-api-object-model" rel="nofollow noreferrer">see here</a>. A possible workaround could be to produce a table in a temporary ppt file using something like <a href="https://gitbrent.github.io/PptxGenJS/docs/html-to-powerpoint/" rel="nofollow noreferrer">PptxGenJS</a>, and then using the <a href="https://docs.microsoft.com/en-us/office/dev/add-ins/powerpoint/insert-slides-into-presentation" rel="nofollow noreferrer">PowerPoint JavaScript API</a> to copy the slide with the table from the temporary ppt to the ppt that the addin is running in.

blocks|key|1342296|text|要在PowerPoint中添加内容，请使用Office+JavaScript的常用API。从Common+JavaScript+API+object+model开始。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1342297|entityMap|0|LINK|mutability|MUTABLE|url|https://docs.microsoft.com/en-us/office/dev/add-ins/develop/office-javascript-api-object-model^0|1A|Y|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

To add content in PowerPoint, use the Commond APIs of Office JavaScript. Start with <a href="https://docs.microsoft.com/en-us/office/dev/add-ins/develop/office-javascript-api-object-model" rel="nofollow noreferrer">Common JavaScript API object model</a>.

blocks|key|1481121|text|从其他答案中，您可能已经知道图表/表格/形状不能使用Office.js+API插入到PowerPoint中，使用@Eugene+Astafiev的答案可以工作，但图表仍然是图像，您不能自定义它们。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1481122|由于Office.js+AddIns可在浏览器上运行，而Office+API允许您将其他演示文稿中的现有幻灯片插入到演示文稿中，因此您可以使用任何提供Open+Office+Xml演示文稿生成的javascript库。在我的例子中，我使用了PPTXGenJS库。|offset|length|1481123|首先，我创建了一个包含图表/表格/形状的幻灯片演示文稿，然后将演示文稿对象转换为base64格式。然后可以使用Office.js应用编程接口将其插入到活动演示文稿中。|1481124|var+pres+=+new+PptxGenJS();
++var+slide+=+pres.addSlide();
++slide.addTable(['Color',+'Value'],+['Red',+1],+['Blue',+2]);
++pres.write('base64').then(async+function+(data)+{
++++await+PowerPoint.run(async+function+(context)+{
+++++//+Used+to+read+the+slide+which+is+selected+by+the+user+so+that+we+can+preserve+the+destination+format+in+the+presentation,+the+method+can+be+found+in+the+Microsoft+Script+Lab+samples
++++++const+selectedSlideID+=+await+getSelectedSlideID();
++++++context.presentation.insertSlidesFromBase64(data,+{+formatting:+PowerPoint.InsertSlideFormatting.useDestinationTheme,+targetSlideId:+selectedSlideID+%2B+"#"+});
++++++await+context.sync();
++++});

++});|code-block|syntax|javascript|1481125|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/gitbrent/PptxGenJS^0|0|3C|9|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

From other answers you might already know that the Charts/Tables/Shapes cannot be inserted in PowerPoint using the Office.js API, Using @Eugene Astafiev's answer works but the charts are still images and you cannot customize them.
Since the Office.js AddIns work on the browsers and the Office API let's you insert existing slides to the presentation from other presentations, you can use any javascript library that provide Open Office Xml presentation generation. In my case, I have used the <a href="https://github.com/gitbrent/PptxGenJS" rel="nofollow noreferrer">PPTXGenJS</a> library.
First I have created a presentation with Slides containing Charts/Tables/Shapes, Then I converted the presentation object to base64 format. It can then be inserted to the active presentation using the Office.js API.
<pre><code>var pres = new PptxGenJS();
 var slide = pres.addSlide();
 slide.addTable(['Color', 'Value'], ['Red', 1], ['Blue', 2]);
 pres.write('base64').then(async function (data) {
 await PowerPoint.run(async function (context) {
 // Used to read the slide which is selected by the user so that we can preserve the destination format in the presentation, the method can be found in the Microsoft Script Lab samples
 const selectedSlideID = await getSelectedSlideID();
 context.presentation.insertSlidesFromBase64(data, { formatting: PowerPoint.InsertSlideFormatting.useDestinationTheme, targetSlideId: selectedSlideID + &quot;#&quot; });
 await context.sync();
 });

 });
</code></pre>

I plan to create a powerpoint add-in which will auto init a ppt with data in database. How can I insert/update a chart/table into a slide?
Thanks!

How to insert a chart/table in powerpoint through office.js add-in

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我计划创建一个powerpoint插件，将自动初始化与数据库中的数据ppt。如何在幻灯片中插入/更新图表/表格？谢谢!

问如何通过office.js插件在powerpoint中插入图表
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过office.js插件在powerpoint中插入图表EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何通过office.js插件在powerpoint中插入图表
EN