# How to highlight number phone in topic

**URL:** <https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864>\
**Category:** Support\
**Created:** [2017年六月21日 09:49 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864 "2017-06-21T09:49:42Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2017年六月21日 09:49 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/1 "2017-06-21T09:49:42Z")

</div>

Hello, I wanna highlight number phone in topic

 ![](https://global.discourse-cdn.com/meta/original/3X/1/e/1efe64b09a61fd42afe7e7747d20fe9099a12306.png)

Now, what i add to here? in library [We're not a CDN - highlight.js](https://highlightjs.org/static/demo/) i dont see numberphone number

i wanna Result

 ![](https://global.discourse-cdn.com/meta/original/3X/3/f/3f3b2d999686ac5bcfe5432e2e87bda47e379fa2.png)

The second question, i wanna when user touch in it (call number) will auto open phone call in android or ios, how can do?

 ![](https://global.discourse-cdn.com/meta/original/3X/b/f/bff1c98a982053ce54f5fdd1820af0617e48dff6.png)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2017年六月21日 09:51 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/2 "2017-06-21T09:51:24Z")

</div>

I think you have to whitelist the `tel:` URI in the site settings

[https://www.ietf.org/rfc/rfc3966.txt](https://www.ietf.org/rfc/rfc3966.txt)

`For having RFCs read aloud, call <a href="tel:+1-555-438-3732">1-555-IETF-RFC</a>`

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2017年六月21日 10:01 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/3 "2017-06-21T10:01:28Z")

</div>

> [@codinghorror](#):
>
> whitelist

Don’t have tel @codinghorror on select

 ![](https://global.discourse-cdn.com/meta/original/3X/9/4/947762866eb813652ae461c56a690e58a1bd9eb5.png)

---

<div class="post-metadata">

**Author:** ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)\
**Post date:** [2017年六月21日 10:05 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/4 "2017-06-21T10:05:51Z")

</div>

I think the site setting you are searching for is `allowed href schemes`

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2017年六月21日 10:13 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/5 "2017-06-21T10:13:41Z")

</div>

You are looking in the wrong place, at the wrong setting. Those are programming languages. A telephone number is not a programming language.

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2018年九月15日 00:03 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/6 "2018-09-15T00:03:40Z")

</div>

> [@dax](#):
>
> allowed href schemes

Other way? Who can help me? Or can build a plugin for me?

---

<div class="post-metadata">

**Author:** ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)\
**Post date:** [2018年九月16日 18:03 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/7 "2018-09-16T18:03:43Z")

</div>

Search in the settings for `allowed href schemes` and add `tel` to the list.

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2018年九月17日 02:15 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/8 "2018-09-17T02:15:28Z")

</div>

Only Highlight not effect when i insert code:

`<a href="tel:0938620880">0938620880</a>`

 ![image](https://global.discourse-cdn.com/meta/original/3X/e/1/e1eab647e9254269ae966099a53c58611913f26f.png)

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2018年九月17日 04:23 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/9 "2018-09-17T04:23:38Z")

</div>

What is the CSS are you using that targets links having href attribute values that begin with “tel”?

---

<div class="post-metadata">

**Author:** ![thaidb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/thaidb/32/68488_2.png) [@thaidb](https://meta.discourse.org/u/thaidb)\
**Post date:** [2018年九月17日 04:35 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/10 "2018-09-17T04:35:13Z")

</div>

I don’t know, How do i know that? Thank!

---

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [2018年九月20日 22:13 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/11 "2018-09-20T22:13:58Z")

</div>

Sorry for the delay. Did you make any progress on this?

> **[Attribute selectors - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/Attribute_selectors)**
>
> The CSS attribute selector matches elements based on the element having a given attribute explicitly set, with options for defining an attribute value or substring value match.

For example, if you wanted _all_ “tel” links to be styled, the selector could be like

```plaintext
a[href^="tel"] { 
/* styles go here */ 
} 

```

\* read the documentation to understand the what does what.

---

<div class="post-metadata">

**Author:** ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)\
**Post date:** [2018年九月25日 01:04 UTC](https://meta.discourse.org/t/how-to-highlight-number-phone-in-topic/64864/12 "2018-09-25T01:04:58Z")

</div>

This topic was automatically closed after 8 days. New replies are no longer allowed.
