dom解析器忽略了强标记

时间:2018-06-01 06:40:46

标签: jquery html reactjs domparser pdfmake

我想使用dom解析器将html转换为文本。当我使用dom解析器时,它忽略了所有的html标签。我需要解析考虑所有html标签的文本。 我需要一个像强大这样的文字 但是我变得强壮了

 handleClick() {
var data = [{Text1:"<strong>Strong text</strong>"}]
            var encodedStr = data[0].Text1
            var parser = new DOMParser();
                    var dom = parser.parseFromString(
                        encodedStr,
                        'text/html');
                        console.log(dom.body.textContent)
                    var decodedString = dom.body.textContent;

                    console.log(decodedString)
                    var docDefinition = { content: [{ text: decodedString, fontSize: 9, alignment: 'justify', margin: [5, 2, 10, 20] },], pageOrientation: 'portrait', pageSize: 'A4' };
                    pdfMake.createPdf(docDefinition).download('optionalName.pdf');

                    console.log(this.decodedString)


                }

1 个答案:

答案 0 :(得分:0)

您可以通过更改docDefinition,

来尝试以下方法
var docDefinition = {
  content: [
    { text: decodedString, style: 'header' },
  ],

  styles: {
    header: {
      fontSize: 9,bold: true, alignment: 'justify', margin: [5, 2, 10, 20]
    }
  },
  pageOrientation: 'portrait', 
  pageSize: 'A4' 
};