# Add HTML tags inside string

**URL:** <https://forum.ionicframework.com/t/add-html-tags-inside-string/80256>\
**Category:** ionic-v3\
**Created:** [February 20, 2017, 1:09pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256 "2017-02-20T13:09:31Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![anton\_klochko](https://avatars.discourse-cdn.com/v4/letter/a/d78d45/32.png) [@anton\_klochko](https://forum.ionicframework.com/u/anton_klochko)\
**Post date:** [February 20, 2017, 1:09pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/1 "2017-02-20T13:09:31Z")

</div>

Hi all ! Could anyone suggest please, is it possible in Ionic2 add such kind string to for example ?

`"SERVI<span class='search_result'>c</span>E BULLETINS"`

---

<div class="post-metadata">

**Author:** ![mich356c](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mich356c/32/105794_2.png) [@mich356c](https://forum.ionicframework.com/u/mich356c)\
**Post date:** [February 20, 2017, 1:20pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/2 "2017-02-20T13:20:46Z")

</div>

Assuming I understood you correctly, here’s how:

```auto
let stringwithhtml = "SERVI<span class='search_result'>c</span>E BULLETINS";

```

```auto
<div [innerHTML]="stringwithhtml"></div>

```

---

<div class="post-metadata">

**Author:** ![anton\_klochko](https://avatars.discourse-cdn.com/v4/letter/a/d78d45/32.png) [@anton\_klochko](https://forum.ionicframework.com/u/anton_klochko)\
**Post date:** [February 20, 2017, 2:20pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/3 "2017-02-20T14:20:04Z")

</div>

mich356c, thanks, it working.

---

<div class="post-metadata">

**Author:** ![anton\_klochko](https://avatars.discourse-cdn.com/v4/letter/a/d78d45/32.png) [@anton\_klochko](https://forum.ionicframework.com/u/anton_klochko)\
**Post date:** [February 20, 2017, 2:22pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/4 "2017-02-20T14:22:01Z")

</div>

**mich356c** , Is it possible where I do not need, cut all html from string ?

---

<div class="post-metadata">

**Author:** ![mich356c](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/mich356c/32/105794_2.png) [@mich356c](https://forum.ionicframework.com/u/mich356c)\
**Post date:** [February 20, 2017, 4:05pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/5 "2017-02-20T16:05:21Z")

</div>

Check out this: [How to remove HTML tags from content?](https://forum.ionicframework.com/t/how-to-remove-html-tags-from-content/78011/2?u=mich356c)

**Edit:** It’s really only this part which is relevant

```auto
strip(html: string) {
	return html.replace(/<(?:.|\n)*?>/gm, '');
}

```

You can add that to a pipe if you want, so it’s just `{{stringwithhtml | stripHTML}}`

```auto
import { Injectable, Pipe } from '@angular/core';

@Pipe({
	name: 'stripHTML'
})
@Injectable()
export class stripHTML {
	transform(html: string) {
		return html.replace(/<(?:.|\n)*?>/gm, '');
	}
}

```

---

<div class="post-metadata">

**Author:** ![rapropos](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/rapropos/32/100227_2.png) [@rapropos](https://forum.ionicframework.com/u/rapropos)\
**Post date:** [February 20, 2017, 8:14pm UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/6 "2017-02-20T20:14:47Z")

</div>

I think regular expressions are not sufficiently capable of parsing HTML. If you’re really serious about this, I would look into incorporating a real HTML parser.

---

<div class="post-metadata">

**Author:** ![anton\_klochko](https://avatars.discourse-cdn.com/v4/letter/a/d78d45/32.png) [@anton\_klochko](https://forum.ionicframework.com/u/anton_klochko)\
**Post date:** [February 21, 2017, 8:41am UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/7 "2017-02-21T08:41:54Z")

</div>

**mich356c** , It help, thanks.

---

<div class="post-metadata">

**Author:** ![setu1421](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/setu1421/32/117123_2.png) [@setu1421](https://forum.ionicframework.com/u/setu1421)\
**Post date:** [June 4, 2018, 4:07am UTC](https://forum.ionicframework.com/t/add-html-tags-inside-string/80256/8 "2018-06-04T04:07:32Z")

</div>

How to add inside string? It appears but the can’t be checked or unchecked.
