使用 Word JS 从文档中删除文本框 Api

Question

我正在尝试从文档中删除文本框并将其替换为文本。我知道 Word JS API 也没有提供处理文本框的直接方法。所以我试图通过更新文档的 OOXML 或删除 selected 范围并插入一段文本来做到这一点。

尽管我能够 select 形状、图片、表格并执行此操作，但一旦涉及到文本框或一旦 selected 对象包含一段文本，我就会失败。例如我们在其中添加了一些文本的形状或艺术字。这是我删除范围后使用的代码

Word.run(function (context) {

        let rng = context.document.getSelection();

        return context.sync().then(function () {
            rng.delete();

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

                rng.insertText("Foo - Bar", Word.InsertLocation.replace);

                return context.sync().then(function () {
                    console.log('done');
                });

            });
        });
    })

我得到的结果是只有文本被替换，但它的容器（文本框）仍然存在。有什么想法吗？

Answer 1

我最终采取了以下解决方法。它在 Windows 和 macOs

中运行良好且快速

获取文档正文的 OOXML
解析OOXL.value并生成xml文档（xml文档）
检测包含文本的现有文本框和形状：getElementsByTagName("wps:wsp")
从 (3)
中提取文本
生成一个简单的 xml TextElement 并提取文本
将 (3) 替换为 (5)
序列化为 xmlString 更新的 xmlDoc 并获取更新的 OOXML.value

将更新的 OOXML.value 插入文档以替换现有的

Word.run(函数（上下文）{

     //Select document body and extract OOXML 
     const body = context.document.body;
     const ooxml = body.getOoxml();

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

         //Initialize DOM Parser
         const parser = new DOMParser();
         const xmlDoc = parser.parseFromString(ooxml.value, "text/xml");

         //Get all runs
         const rows = xmlDoc.getElementsByTagName("w:r");
         for (let j = 0; j < rows.length; j++) {
             const row = rows[j];
             const rowHasTextBox = row.getElementsByTagName("wps:txbx").length > 0;
             //If no textbox, shape, wordart exists skip current run
             if (!rowHasTextBox) continue;

             //Select textbox, shape, wordart and get paragraphs
             const textboxContainer = row.getElementsByTagName("wps:txbx")[0];
             const paragraphs = textboxContainer.getElementsByTagName("w:p");

             // Create a new run which will replace the existing run
             const newRow = xmlDoc.createElement("w:r");
             const breakLine = xmlDoc.createElement("w:br");
             //Append breakline and "{{"
             newRow.appendChild(breakLine);
             newRow.appendChild(startRow);

             for (let p = 0; p < paragraphs.length; p++) {
                 //Check whether paragrapj has text
                 const paragraphHasText = paragraphs[p].getElementsByTagName("w:t").length > 0;
                 if (!paragraphHasText) continue;
                 //Extract text
                 let textExtracted = "";
                 const textBoxTexts = paragraphs[p].getElementsByTagName("w:t");
                 for (let k = 0; k < textBoxTexts.length; k++) {
                     const textBoxText = textBoxTexts[k].innerHTML;
                     textExtracted = textExtracted + textBoxText;
                     textExtracted = textExtracted + " ";
                 }
                  // Create a temp run which will hold the etxtracted text
                 const tempRow = xmlDoc.createElement("w:r");
                 const newText = xmlDoc.createElement('w:t');
                 newText.setAttribute("xml:space", "preserve");
                 newText.innerHTML = textExtracted;
                 textExtracted = "";
                 tempRow.appendChild(newText);
                 newRow.appendChild(tempRow);
                 const breakLine = xmlDoc.createElement("w:br");
                 newRow.appendChild(breakLine);
             }


             //Replace existing run with the new one
             row.replaceWith(newRow);
         }
         //Serialize dom , clear body and replace OOXML
         const serializedXML = new XMLSerializer().serializeToString(xmlDoc.documentElement);
         body.clear();
         return context.sync().then(function () {
             body.insertOoxml(serializedXML, Word.InsertLocation.replace);
             console.log('done');
         });
     });
 })
 .catch(error => {
     console.log('Error: ', error);
     resolve(false);
 });

使用 Word JS 从文档中删除文本框 Api

Remove Textbox from document using Word JS Api

word

office-addins

office-js