This is how i create a HtmlView custom component.

Angular Component 💥💥💥

import { Component, OnInit, AfterViewInit, Input, ViewChild, ElementRef } from "@angular/core";
import { Color } from 'tns-core-modules/color';

@Component({
	selector: "HtmlViewer",
	moduleId: module.id,
	template: `
		<HtmlView #htmlView [html]="htmlString" (loaded)="onLoaded()"></HtmlView> 
	`,
	styleUrls: ['./html-viewer.component.css']
})
export class HtmlViewerComponent implements OnInit, AfterViewInit {

	@Input('html') html: string;

	@Input('textSize') textSize: number

	@Input('textColor') textColor: string;

	@Input('textLinkColor') textLinkColor: string;

	@ViewChild('htmlView') htmlView: ElementRef;

	htmlString: string;


	constructor() {
		this.htmlString = '';
	}

	ngOnInit(): void {
		this.htmlString = this.html ? this.html : '';
	}


	ngAfterViewInit() {
	}


	onLoaded() {
		let htmlView = this.htmlView.nativeElement.android;

		htmlView.setTextSize(this.textSize);
		htmlView.setTextColor(this.textColor ? new Color(this.textColor).android : new Color('#999999').android);
		htmlView.setLinkTextColor(this.textLinkColor ? new Color(this.textLinkColor).android : new Color('#0000FF').android);
	}
}

Uh oh!

Android HtmlView Does not accept size or font face styling #4746

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions