wrap trade mark sup tag - Download Auto Wrap ® In HTML sup Tag - jQuery sup-reg.js

Download Auto Wrap ® In HTML sup Tag – jQuery sup-reg.js

By Posted on

This time I will share jQuery Plugin and tutorial about Auto Wrap ® In HTML sup Tag – jQuery sup-reg.js, hope it will help you in programming stack.

wrap trade mark sup tag - Download Auto Wrap ® In HTML sup Tag - jQuery sup-reg.js
File Size: 5.2 KB
Views Total: 386
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Demo Download

sup-reg.js is a dead simple jQuery plugin that automatically wraps registered trademark sign (®) around HTML <sup> tag with a given CSS class.

Install & Download

view source
1 # NPM
2 $ npm install sup-reg --save
3  
4 # Bower
5 $ bower install sup-reg --save

How to use it:

1. Download and import the sup-reg.js script after jQuery.

view source
1 <script src="https://code.jquery.com/jquery-1.12.4.min.js"
2         integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
3         crossorigin="anonymous">
4 </script>
5 <script src="sup-reg.js"></script>

2. This will wrap all the trade marks around HTML <sup> tags with the CSS class of sup-reg. So that you can style the trade marks whatever you like in the CSS.

view source
1 <!-- Convert -->
2 <p>jQueryScript ®</p>
view source
1 <!-- Into -->
2 <p>jQueryScript <sup class="sup-reg">®</sup></p>

3. Style the trade marks whatever you like.

view source
1 .sup-reg {
2   color: red;
3   font-size: 10px;
4   /*
5     more styles here
6   */
7 }

This awesome jQuery plugin is developed by megasmack. For more Advanced Usages, please check the demo page or visit the official website.

source : jquery.net

Related posts: