Question

我有一个Word 2016加载项，可以使用graphviz创建图像，并将相应的点代码存储在图像的altdescription中。我可以选择图像并将点代码加载回加载项中的编辑器。但这仅适用于我目前对inlinePictures的实现。

        function getDataFromSelection() {


            Word.run(function (context) {

                var range = context.document.getSelection();
                var paragraphs = range.paragraphs;
                context.load(paragraphs);

                return context.sync().then(function () {

                    var pictures = paragraphs.items[0].inlinePictures;
                    context.load(pictures);

                    return context.sync().then(function () {
                        var picture = pictures.items[0];

                        editor.getSession().getDocument().setValue(picture.altTextDescription);
                    });
                });

            })
        }

如果选定的图片在文档中自由浮动，我该如何获得？

添加的目标是使用点创建和编辑已创建的图形。但编辑部分目前是问题所在。

Answer 1

好的问题。正如您正确推断的那样，inlinePictures集合中只包括，借用了冗余，inlinePicture图像。浮动图像不包含在该集合中，我们将在API的未来迭代中添加该图像。

我建议你做一个解决方法，检查选择中是否有浮动图像。

您可以从选择中获取并分析OOXML，并找出选择中有任何浮动图像。

此代码显示如何从选择中获取OOXML：

   // Run a batch operation against the Word object model.
      Word.run(function (context) {

   // Queue a command to get the current selection and then 
   // create a proxy range object with the results.
      var range = context.document.getSelection();

   // Queue a commmand to get the OOXML of the current selection. 
      var ooxml = range.getOoxml();

   // Synchronize the document state by executing the queued-up commands, 
  // and return a promise to indicate task completion.
      return context.sync().then(function () {
      console.log('The OOXML read from the document was:  ' + ooxml.value);
      });  
}).catch(function (error) {
console.log('Error: ' + JSON.stringify(error));
if (error instanceof OfficeExtension.Error) {
    console.log('Debug info: ' + JSON.stringify(error.debugInfo));
    }
});

一旦你拥有了OOXML，你实际上可以得到（使用字符串搜索或XML编辑器）如果想要找到类似这个元素之类的内容，你就会知道那里有浮动图像。你也可以看到alt文本和描述。如果需要，您可以使用该字符串替换您需要的alt文本属性，并可以回写OOXML以更新该浮动图像。它有点痛苦但可行，希望我们可以尽快发送浮动图像集！谢谢，快乐的编码!!!

   <w:drawing>
   <wp:anchor allowOverlap="1" layoutInCell="1" locked="0" behindDoc="0" relativeHeight="251659264" simplePos="1" distR="114300" distL="114300" distB="0" distT="0">
<wp:simplePos y="3710305" x="1729105"/>
<wp:positionH relativeFrom="margin">
  <wp:posOffset>1729105</wp:posOffset>
</wp:positionH>
<wp:positionV relativeFrom="margin">
  <wp:posOffset>3710305</wp:posOffset>
</wp:positionV>
<wp:extent cx="2847975" cy="2133600"/>
<wp:effectExtent r="9525" b="0" t="0" l="0"/>
<wp:wrapSquare wrapText="bothSides"/>
<wp:docPr title="alt text sample" name="Picture 1" descr="alt test description!!" id="1"/>
<wp:cNvGraphicFramePr>
  <a:graphicFrameLocks noChangeAspect="1" xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main"/>
</wp:cNvGraphicFramePr>
<a:graphic xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main">
  <a:graphicData uri="http://schemas.openxmlformats.org/drawingml/2006/picture">
    <pic:pic xmlns:pic="http://schemas.openxmlformats.org/drawingml/2006/picture">
      <pic:nvPicPr>
        <pic:cNvPr name="stratus2.jpg" id="1"/>
        <pic:cNvPicPr/>
      </pic:nvPicPr>
      <pic:blipFill>
        <a:blip r:embed="rId4">
          <a:extLst>
            <a:ext uri="{28A0092B-C50C-407E-A947-70E740481C1C}">
              <a14:useLocalDpi val="0" xmlns:a14="http://schemas.microsoft.com/office/drawing/2010/main"/>
            </a:ext>
          </a:extLst>
        </a:blip>
        <a:stretch>
          <a:fillRect/>
       </a:stretch>
      </pic:blipFill>
      <pic:spPr>
        <a:xfrm>
          <a:off y="0" x="0"/>
          <a:ext cx="2847975" cy="2133600"/>
        </a:xfrm>
        <a:prstGeom prst="rect">
          <a:avLst/>
        </a:prstGeom>
      </pic:spPr>
    </pic:pic>
  </a:graphicData>
   </a:graphic>
   </wp:anchor>
  </w:drawing>

如何获取所选图像

1 个答案: