HTML code for INR
You can use the following HTML snippet:
<p>Price ₹ 9500 = ₹ 9500</p><p>Price ₹ 5500 = ₹ 5500</p><p>Price ₨ 500 = ₨ 500</p><p>Price ₨ 2000 = ₨ 2000</p>
What is the HTML entity name for an Indian rupee
As I understand it, there is no process for getting a new named reference in HTML. That means, you won't get &rupee;
or &emoji-train;
or similar.
HTML5 entity names are all listed at https://www.w3.org/TR/html/syntax.html#named-character-references
They are derived from the XML entity names https://www.w3.org/TR/xml-entity-names/
The preferred way of referencing characters is using their decimal or hexidecimal reference. In this case ₹
or ₹
.
This is because an older browser may not know what to do with &rupee;
- but will always know how to look up a numeric reference in a font table.
The easiest way is just to paste in the ₹
symbol directly.
How to get specific currency symbol(rupee symbol in my case) in angular js instead of the default one (dollar $ symbol)
To display currency symbol in angular js you need provide HTML entity for currency symbols below are the examples and usage in through code and in template :
Inside your Template example of Euro:
Item Price<span style="font-weight:bold;">{{price | currency:"€"}}</span>
example of Rupee:
Item Price<span style="font-weight:bold;">{{price | currency:"₹"}}</span>
Also check below url
http://www.cs.tut.fi/~jkorpela/html/euro.html
From controller :
Inject $filter in your controller
$scope.price=$filter('currency')($scope.price,'€')
Displaying the Indian currency symbol on a website
WebRupee is a web API for the Indian currency symbol. It provides a simple, cross browser method for using the Rrupee symbol on your webpage, blog or anywhere on the web.
Here is a method for printing the Indian currency symbol:
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.webrupee.com/font">
<script src=http://cdn.webrupee.com/js type=”text/javascript”></script>
</head>
<body>
Rupee Symbol: <span class="WebRupee">Rs.</span> 200
This means if somebody copies text from your site and pastes it somewhere else, he will see Rs and not some other or blank character.
You can now also use the new Rupee unicode symbol — U+20B9 INDIAN RUPEE SIGN. It can be used in this manner:
<span class="WebRupee">₹</span> 500
Just include the following script and it will update all the "Rs" / "Rs." for you:
<script src="http://cdn.webrupee.com/js" type="text/javascript"></script>
How to get Euro symbol or Indian currency symbol in my flutter app?
How about this?
Text('\u{20B9}'),
Related Topics
HTML5 Canvas Scrolling Vertically and Horizontally
No Video with Supported Format and Mime Type Found. What Does This Mean and How to Change This
How to Display HTML Tags as Text
Twitter Bootstrap Tabs Not Working: When I Click on Them Nothing Happens
Making Buttons - <Button> or <Div>
How to Align a Label and a Textarea
Radio/Checkbox Alignment in HTML/CSS
HTML Validation Error for Property Attribute
Why Is Using Tables for Website Layout Such an Evil
Vertical Scroll Rendering Issue in Flexbox in Firefox
How to Change Style of Radio and Checkbox Input
How to Make a Text Input Non-Editable
How to Apply a CSS Style to an Element Name
Flip/Mirror an Image Horizontally + Vertically with CSS
How to Conditionally Display Element Attributes Using Angular2