I want an optional line-breaking character that is always invisible that works with the `word-wrap: break-word;` CSS style.

Here are some specifics. My goal is to break apart long links in reasonable places. These characters are a good place to start: `-`, `.`, `_`, `/`, `\`. This is not a Rails-specific question, but I wanted to share some code I&#39;m using now:

    module ApplicationHelper
      def with_optional_line_breaks(text)
        text.gsub(%r{([-._/\\])}, &#39;\1&amp;shy;&#39;)
      end
    end

Here&#39;s the problem with the code above: when `&amp;shy;` takes effect (in a table with: `word-wrap: break-word;`), `&amp;shy;` gets displayed as `-`. I don&#39;t want to see the `-`; I want a line break without any character shown.




----------

Optional line-breaking HTML entity that is always invisible

By creating a variable

    var a = &#39;something&#39; + &#39;        &#39; + &#39;something&#39;

I get this value: `&#39;something something&#39;`.

How can I create a string with multiple spaces on it in JavaScript?

How to create string with multiple spaces in JavaScript

I have the following:

    var text = &quot;&#220;bergro&#223;e &#196;pfel mit W&#252;rmern&quot;;

I&#39;m searching for a Javascript function to transform the text so that every special letter is represented by its HTML entity sequence like this:

    var newText = magicFunction(text);
    ...
    newText = &quot;&amp;Uuml;bergro&amp;szlig;e &amp;Auml;pfel mit W&amp;uuml;rmern&quot;;

The function should **not only** escape the letters of this example [but also all of these.][1]

How would you achieve that? Is there any existing function out there? (Plain, because a solution without a framework is preferred)


Btw: Yes, I&#39;ve seen [this question][2] but it doesn&#39;t address my need.


  [1]: http://www.w3.org/TR/html4/sgml/entities.html
  [2]: https://stackoverflow.com/questions/784586/convert-special-characters-to-html-in-javascript

How to convert characters to HTML entities using plain JavaScript

Since php 5.4 **html_entity_decode** introduces four new flags, with a minimal explanation

    ENT_HTML401	Handle code as HTML 4.01.
    ENT_XML1	Handle code as XML 1.
    ENT_XHTML	Handle code as XHTML.
    ENT_HTML5	Handle code as HTML 5. 


I want to understand what are they for. In which cases are they significant?    

My guess, (but may I be wrong) is that any different standard, encodes some unusual chars but any other don&#39;t, so in order to respect that, they are here.

My research: **htmlentities** has the same minimal explanation, with no examples too.  I have googled with no luck.

What do the ENT_HTML5, ENT_HTML401, ... modifiers on html_entity_decode do?

I am revising some **XHTML** files authored by another party. As part of this effort, I am doing some bulk editing via **Linq to XML**.

I&#39;ve just noticed that some of the original source XHTML files contain the [`&amp;quot;` HTML entity][1] in text nodes within those files. For instance:

&lt;!-- language: lang-html --&gt;

    &lt;p&gt;Greeting: &amp;quot;Hello, World!&amp;quot;&lt;/p&gt;

And that when recovering the XHTML text via [XElement.ToString()][2], the **`&amp;quot;`** entities are being replaced by **plain double-quotes**:

&lt;!-- language: lang-html --&gt;

    &lt;p&gt;Greeting: &quot;Hello, World!&quot;&lt;/p&gt;

**Question:** Can anyone tell me what the motivation might have been for the original author to use the `&amp;quot;` entities instead of plain double-quotes? Did those entities serve a purpose which I don&#39;t fully appreciate? Or, were they truly unnecessary as I suspect?

I do understand that **`&amp;quot;`** would be necessary in certain contexts, such as when there is a need to place a double-quote within an HTML attribute. For instance:

&lt;!-- language: lang-html --&gt;

    &lt;a href=&quot;/images/hello_world.jpg&quot; alt=&quot;Greeting: &amp;quot;Hello, World!&amp;quot;&quot;&gt;
      Greeting&lt;/a&gt;

  [1]: http://www.fileformat.info/info/unicode/char/22/index.htm
  [2]: http://msdn.microsoft.com/en-us/library/bb341005%28v=vs.110%29.aspx


Uses for the &#39;&amp;quot;&#39; entity in HTML

I can encode a space using `&amp;nbsp;` in an HTML document. Is there an equivalent for the tab character?

I&#39;m trying to preload a `&lt;textarea&gt;` with text that contains tabs, but my CMS removes any tab characters that exist in the HTML code.

Encoding a tab in html

Say I get some JSON back from a service request that looks like this:

    {
        &quot;message&quot;: &quot;We&amp;#39;re unable to complete your request at this time.&quot;
    }

I&#39;m not sure *why* that apostraphe is encoded like that (`&amp;#39;`); all I know is that I want to decode it.

Here&#39;s one approach using jQuery that popped into my head:

    function decodeHtml(html) {
        return $(&#39;&lt;div&gt;&#39;).html(html).text();
    }

That seems (very) hacky, though. What&#39;s a better way? Is there a &quot;right&quot; way?

What&#39;s the right way to decode a string that has special HTML entities in it?

How do you use the **CSS** `content` property to add **HTML** entities?

Using something like this just prints `&amp;nbsp;` to the screen instead of the non-breaking space:

```css
.breadcrumbs a:before {
  content: &#39;&amp;nbsp;&#39;;
}
```


Adding HTML entities using CSS content

I&#39;m looking for the html code for the dot. Not the dot that&#39;s at the end of sentences but the dot that&#39;s used to separate items horizontally.

    Item 1 . Item 2 . Item 3

The traditional dot is centered on the bottom of the line while the dot I&#39;m looking for is centered on the middle.


HTML entity for the middle dot

Unicode has a million icon-like glyphs, but they&#39;re very hard to search.

Is there a Unicode glyph that looks like a &quot;Binocular&quot; or &quot;magnifying glass&quot;?
Or is there a symbol that&#39;s used to mean &quot;Search&quot;, which is in Unicode?

Is there Unicode glyph Symbol to represent &quot;Search&quot;

How can I display an infinity symbol (like the one in the picture) using HTML?

&lt;img src=&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/c/c8/Infinite.svg/200px-Infinite.svg.png&quot; height=&quot;80&quot; alt=&quot;infinity symbol&quot; /&gt;


Infinity symbol with HTML

Given the following URL (working, try it!)

&gt; https://select-test.wp3.rbsworldpay.com/wcc/purchase?instId=151711&amp;cartId=28524&amp;currency=GBP&amp;amount=1401.49&amp;testMode=100&amp;name=Tom%20Gul&amp;address=24%20House%20Road\nSome
&gt; Place\nCounty&amp;postcode=TR33%20999&amp;email=email@mail.com&amp;country=GB

If you click on the link and go through to the payment page, the address in the address box is not displaying properly, the newline characters are displaying as text.

I&#39;ve tried passing through `&lt;br /&gt;&#39;s` but no luck, anyone got any ideas?  I need to get  the address to display with newlines.

Commas are OK as a separator but i would much prefer being able to have newlines.  Thanks for any help!  A working example will be the accepted answer.

Transmitting newline character &quot;\n&quot;

I am pulling a JSON file from a site and one of the strings received is:

&lt;!-- language: none --&gt;

    The Weeknd &amp;#8216;King Of The Fall&amp;#8217; [Video Premiere] | @TheWeeknd | #SoPhi

How can I convert things like `&amp;#8216` into the correct characters?

I&#39;ve made a Xcode Playground to demonstrate it:

    import UIKit

    var error: NSError?
    let blogUrl: NSURL = NSURL.URLWithString(&quot;http://sophisticatedignorance.net/api/get_recent_summary/&quot;)
    let jsonData = NSData(contentsOfURL: blogUrl)

    let dataDictionary = NSJSONSerialization.JSONObjectWithData(jsonData, options: nil, error: &amp;error) as NSDictionary

    var a = dataDictionary[&quot;posts&quot;] as NSArray

    println(a[0][&quot;title&quot;])




How do I decode HTML entities in Swift?

This has been confusing me for some time. With the advent of UTF-8 as the de-facto standard in web development I&#39;m not sure in which situations I&#39;m supposed to use the HTML entities and for which ones should I just use the UTF-8 character. For example,

* em dash (–, `&amp;emdash;`)
* ampersand (&amp;, `&amp;amp;`)
* 3/4 fraction (&#190;, `&amp;frac34;`)

Please do shed light on this issue. It will be appreciated.

When should one use HTML entities?

I know that the entities `&amp;lt;` and `&amp;gt;` are used for `&lt;` and `&gt;`, but I am curious what these names stand for.

Does `&amp;lt;` stand for something like &quot;*Left tag*&quot; or is it just a code?

What do &amp;lt; and &amp;gt; stand for?

I am looking for a basic information icon like this:

&lt;img src=&quot;https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/Infobox_info_icon.svg/1024px-Infobox_info_icon.svg.png&quot; width=&quot;50&quot; /&gt;

Is there an HTML entity for an info icon?

I&#39;d like to use non breaking spaces in my JSF page. I know, in plain HTML I could use `&amp;nbsp;` for this and this works fine. However, when I put those `&amp;nbsp;` in a Facelets page, then it errors as follows:

&gt; Error Parsing /page.xhtml: Error Traced[line: 42] The entity &quot;nbsp&quot; was referenced, but not declared.

How is this caused and how can I solve it?

Error Parsing /page.xhtml: Error Traced[line: 42] The entity &quot;nbsp&quot; was referenced, but not declared

While solving a little bug on a website caused by a non-breaking space (`&amp;nbsp;`) I was wondering if there&#39;s an opposite.

Is there an HTML code for a breaking space, and if so, what is it?

I saw mention in [this question][1] about a zero-width space (`&amp;#8203;`), but that won&#39;t give any width (obviously).

Does an HTML entity exist for a regular space?

  [1]: https://stackoverflow.com/questions/14615268/html-opposite-of-non-breaking-space





Breaking space (opposite of non-breaking space)

I am processing xhtml using javascript. I am getting the text content for a div node by concatenating the nodeValue of all child nodes where nodeType == Node.TEXT_NODE.

The resulting string sometimes contains a non-breaking space entity. How do I replace this with a regular space character?

My div looks like this...

&gt; `&lt;div&gt;&lt;b&gt;Expires On&lt;/b&gt; Sep 30, 2009 06:30&amp;nbsp;AM&lt;/div&gt;`

The following suggestions found on the web did not work:

    var cleanText = text.replace(/^\xa0*([^\xa0]*)\xa0*$/g,&quot;&quot;);


    var cleanText = replaceHtmlEntities(text);
    
    var replaceHtmlEntites = (function() {
      var translate_re = /&amp;(nbsp|amp|quot|lt|gt);/g;
      var translate = {
        &quot;nbsp&quot;: &quot; &quot;,
        &quot;amp&quot; : &quot;&amp;&quot;,
        &quot;quot&quot;: &quot;\&quot;&quot;,
        &quot;lt&quot;  : &quot;&lt;&quot;,
        &quot;gt&quot;  : &quot;&gt;&quot;
      };
      return function(s) {
        return ( s.replace(translate_re, function(match, entity) {
          return translate[entity];
        }) );
      }
    })();

Any suggestions?




Replacing &amp;nbsp; from javascript dom text node

How do you convert HTML entities to Unicode and vice versa in Python?

Convert HTML entities to Unicode and vice versa

Is the proper HTML entity for giving dimensions `&amp;times;`? I want to be semantically correct, but that begs the question, is listing a dimension as `2&quot; x 3&quot;` even semantic? If the *x* represents &quot;by&quot;, would I use the letter x or &amp;times;?

In my code I&#39;ve been using `2&amp;Prime;&amp;nbsp;&amp;times;&amp;nbsp;3&amp;Prime;`, or 2&amp;Prime;&amp;nbsp;&amp;times;&amp;nbsp;3&amp;Prime;. The non-breaking spaces are to prevent the dimension from being wrapped, as per the suggestions found in [The Elements of Typographic Style Applied to the Web][1].


  [1]: http://webtypography.net/Rhythm_and_Proportion/Etiquette_of_Hyphenation_and_Pagination/2.4.6/

What is the proper HTML entity for the &quot;x&quot; in a dimension?

Is there a bigger version of `&amp;bull;`?

&amp;bull; Right now it is this big 

- I want it this big without using font sizes or `&lt;li&gt;`



Bigger version of &amp;bull;

What are the HTML entity character codes for this up arrow (`▲`) and its downward-facing dog version (`▼`) ?

I&#39;ve been using GIFs to represent these arrows since I don&#39;t know their codes.

HTML character codes for this ▲ or this ▼

Are they the same as XML, perhaps plus the space one (`&amp;nbsp;`)?

I&#39;ve found some huge lists of HTML escape characters but I don&#39;t think they **must** be escaped. I want to know what **needs** to be escaped.

Which characters need to be escaped in HTML?

What&#39;s the HTML character entity for the # sign?  I&#39;ve looked around for &quot;pound&quot; (keeps returning the currency), and &quot;hash&quot; and &quot;number&quot;, but what I try doesn&#39;t seem to turn into the right character.

What&#39;s the HTML character entity for the # sign?

I&#39;m parsing some HTML with Beautiful Soup 3, but it contains HTML entities which Beautiful Soup 3 doesn&#39;t automatically decode for me:

    &gt;&gt;&gt; from BeautifulSoup import BeautifulSoup

    &gt;&gt;&gt; soup = BeautifulSoup(&quot;&lt;p&gt;&amp;pound;682m&lt;/p&gt;&quot;)
    &gt;&gt;&gt; text = soup.find(&quot;p&quot;).string

    &gt;&gt;&gt; print text
    &amp;pound;682m

How can I decode the HTML entities in `text` to get `&quot;&#163;682m&quot;` instead of `&quot;&amp;pound;682m&quot;`.

Decode HTML entities in Python string?

I want to convert all texts in a string into html entities but preserving the HTML tags, for example this:

    &lt;p&gt;&lt;font style=&quot;color:#FF0000&quot;&gt;Cami&#243;n espa&#241;ol&lt;/font&gt;&lt;/p&gt;

should be translated into this:

    &lt;p&gt;&lt;font style=&quot;color:#FF0000&quot;&gt;Cami&amp;oacute;n espa&amp;ntilde;ol&lt;/font&gt;&lt;/p&gt;

any ideas?

All Html Entities Solutions on Gang of Coders

Total of 27 Html Entities Solutions

Optional line-breaking HTML entity that is always invisible

How to create string with multiple spaces in JavaScript

How to convert characters to HTML entities using plain JavaScript

What do the ENT_HTML5, ENT_HTML401, ... modifiers on html_entity_decode do?

Uses for the '"' entity in HTML

Encoding a tab in html

What's the right way to decode a string that has special HTML entities in it?

Adding HTML entities using CSS content

HTML entity for the middle dot

Is there Unicode glyph Symbol to represent "Search"

Infinity symbol with HTML

Transmitting newline character "\n"

How do I decode HTML entities in Swift?

When should one use HTML entities?

What do < and > stand for?

Is there an HTML entity for an info icon?

Error Parsing /page.xhtml: Error Traced[line: 42] The entity "nbsp" was referenced, but not declared

Breaking space (opposite of non-breaking space)

Replacing   from javascript dom text node

Convert HTML entities to Unicode and vice versa

What is the proper HTML entity for the "x" in a dimension?

Bigger version of •

HTML character codes for this ▲ or this ▼

Which characters need to be escaped in HTML?

What's the HTML character entity for the # sign?

Decode HTML entities in Python string?

htmlentities in PHP but preserving html tags