Question

我正在尝试从文档中删除文本框，并用其文本替换它们。我知道Word JS API也不提供直接的方法来处理文本框。因此，我正在尝试通过更新文档的OOXML或删除所选范围并插入一段文本来做到这一点。

尽管我可以选择“形状”，图片，表格并执行此操作，但一旦涉及到“文本框”或所选对象包含一段文本，我将失败。例如我们在其中添加了一些文字的形状或艺术字。这是我删除范围后使用的代码

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和macO上都可以很好且快速地运行

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

插入更新的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从文档中删除文本框

1 个答案: