diff --git a/utils/helper/helper.component.ts b/utils/helper/helper.component.ts
index 07422a56..070d85f1 100644
--- a/utils/helper/helper.component.ts
+++ b/utils/helper/helper.component.ts
@@ -4,11 +4,13 @@ import 'rxjs/Rx';
 import {HelperService} from './helper.service';
 import{EnvProperties} from '../properties/env-properties';
 import {ConnectHelper} from '../../connect/connectHelper';
+import {SafeHtmlPipe} from '../pipes/safeHTML.pipe';
+
 @Component({
   selector: 'helper',
   template: `
   <div *ngIf=" texts  && texts.length > 0" [ngClass]=styleName>
-    <div *ngFor="let text of texts " [innerHTML]="text.content">
+    <div *ngFor="let text of texts " [innerHTML]="text.content | safeHtml">
     </div>
   </div>
 `
diff --git a/utils/helper/helper.module.ts b/utils/helper/helper.module.ts
index 84f1f376..416a9a45 100644
--- a/utils/helper/helper.module.ts
+++ b/utils/helper/helper.module.ts
@@ -7,7 +7,7 @@ import { FormsModule }         from '@angular/forms';
 import {HelperComponent} from './helper.component';
 // import {HelperServiceModule} from './helperService.module';
 import {HelperService} from './helper.service';
-
+import {SafeHtmlPipe} from '../pipes/safeHTML.pipe';
 
 @NgModule({
   imports: [
@@ -15,7 +15,8 @@ import {HelperService} from './helper.service';
     //  RouterModule//,HelperServiceModule
   ],
   declarations: [
-    HelperComponent
+    HelperComponent,
+    SafeHtmlPipe
   ],
   providers:[HelperService],
   exports: [
@@ -34,4 +35,3 @@ export class HelperModule{
   //   };
   // }
 }
-