OneNote添加:获取HTML内容

时间:2016-11-23 23:55:42

标签: office-js onenote onenote-api

example中,提供代码以获取RichText。它能够获取页面的普通文本内容,但我似乎无法返回该页面的 HTML 格式化内容。

例如:

  

标题:

     
      
  • A
  •   
  •   

应该是:

<p>Header:</p>
<ul>
  <li>A</li>
  <li>B</li>
</ul>

但是,示例代码使用richText/text并仅返回Header:。是否可以执行 richText/HTML 之类的操作并获取上面显示的HTML? (注意:我只想使用加载项,而不是OneNote REST API。)

谢谢!

文档中的代码段:

OneNote.run(function (context) {

// Get the collection of pageContent items from the page.
var pageContents = context.application.getActivePage().contents;

// Get the first PageContent on the page, and then get its outline's paragraphs.
var outlinePageContents = [];
var paragraphs = [];
var richTextParagraphs = [];
// Queue a command to load the id and type of each page content in the outline.
pageContents.load("id,type");

// Run the queued commands, and return a promise to indicate task completion.
return context.sync()
    .then(function () {
        // Load all page contents of type Outline
        $.each(pageContents.items, function(index, pageContent) {
            if(pageContent.type == 'Outline')
            {
                pageContent.load('outline,outline/paragraphs,outline/paragraphs/type');
                outlinePageContents.push(pageContent);
            }
        });
        return context.sync();
    })
    .then(function () {
        // Load all rich text paragraphs across outlines
        $.each(outlinePageContents, function(index, outlinePageContent) {
            var outline = outlinePageContent.outline;
            paragraphs = paragraphs.concat(outline.paragraphs.items);
        });
        $.each(paragraphs, function(index, paragraph) {
            if(paragraph.type == 'RichText')
            {
                richTextParagraphs.push(paragraph);
                paragraph.load("id,richText/text");
            }
        });
        return context.sync();
    })
    .then(function () {
        // Display all rich text paragraphs to the console
        $.each(richTextParagraphs, function(index, richTextParagraph) {
            var richText = richTextParagraph.richText;
            console.log("Paragraph found with richtext content : " + richText.text + " and richtext id : " + richText.id);
        });
        return context.sync();
    });
})
.catch(function(error) {
    console.log("Error: " + error);
    if (error instanceof OfficeExtension.Error) {
        console.log("Debug info: " + JSON.stringify(error.debugInfo));
    }
}); 

1 个答案:

答案 0 :(得分:2)

我们还没有记录它(它会很快添加),但是有一个&#34; getHtml()&#34; richText对象上的方法。这是一个示例代码段。

OneNote.run(function (context) {

    var outline = context.application.getActiveOutlineOrNull();

    outline.load('id, type, paragraphs/id, paragraphs/type');

    return context.sync().then(function () {
        if (!outline.isNull) {
            var richTextParagraphs = [];
            var htmls = [];
            console.log("outline id: " + outline.id);
            for(var i = 0;  i < outline.paragraphs.items.length; i++){
                var paragraph = outline.paragraphs.items[i];
                console.log("paragraph type " + paragraph.type);
                if (paragraph.type == "RichText"){
                    richTextParagraphs.push(paragraph);
                    var html = paragraph.richText.getHtml();
                    htmls.push(html);
                    paragraph.load("richtext/id, richtext/languageid")
                }
            }

            return context.sync().then(function(){
                for(var i = 0; i < richTextParagraphs.length; i++){
                    var richTextParagraph = richTextParagraphs[i];
                    console.log("Rich text paragraph id: " + richTextParagraph.richText.Id + " and " + richTextParagraph.richText.languageId)
                }
                for(var i = 0; i < htmls.length; i++){
                    var html = htmls[i];
                    console.log("Rich text paragraph html: " + html.value)
                }
            });
        }
    });
})
.catch(function(error) {
    console.log("Error: " + error);
    if (error instanceof OfficeExtension.Error) {
        console.log("Debug info: " + JSON.stringify(error.debugInfo));
    }
});