Merge pull request #151 from mix5003/force-inline-style

force inline style to prevent css override font-family and font-size
VadimDez · Sep 14, 2017 · 320d35a · 320d35a
2 parents 5e86456 + e7dad5a
commit 320d35a
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/src/pdf-viewer/pdf-viewer.component.ts b/src/pdf-viewer/pdf-viewer.component.ts
@@ -188,16 +188,20 @@ export class PdfViewerComponent implements OnChanges {
         this.removeAllChildNodes(container);
       }
 
-      return (<any>page).getOperatorList().then(function (opList) {
+      return (<any>page).getOperatorList().then( (opList) => {
         let svgGfx = new (<any>PDFJS).SVGGraphics((<any>page).commonObjs, (<any>page).objs);
 
-        return svgGfx.getSVG(opList, viewport).then(function (svg) {
+        return svgGfx.getSVG(opList, viewport).then( (svg) => {
           let $div = document.createElement('div');
 
           $div.classList.add('page');
           $div.setAttribute('data-page-number', `${ page.pageNumber }`);
 
           $div.appendChild(svg);
+
+          this.convertAttributeToInlineStyle($div, 'font-family');
+          this.convertAttributeToInlineStyle($div, 'font-size');
+
           container.appendChild($div);
         });
       });
@@ -209,4 +213,13 @@ export class PdfViewerComponent implements OnChanges {
       element.removeChild(element.firstChild);
     }
   }
+
+  private convertAttributeToInlineStyle(parent: HTMLElement, attribute: string) {
+    const matchElements = parent.querySelectorAll(`[${attribute}]`);
+    for (let i = 0, l = matchElements.length; i < l; i++) {
+      const element = matchElements[i];
+      const oldStyle = element.getAttribute('style') || '';
+      element.setAttribute('style', `${oldStyle} ${attribute}: ${element.getAttribute(attribute)};`);
+    }
+  }
 }