https://github.com/zmmbreeze/jquery.emphasis

A javascript fallback for CSS3 emphasis mark, aka `text-emphasis`.
https://github.com/zmmbreeze/jquery.emphasis

Last synced: 4 months ago
JSON representation

A javascript fallback for CSS3 emphasis mark, aka `text-emphasis`.

• Host: GitHub
• URL: https://github.com/zmmbreeze/jquery.emphasis
• Owner: zmmbreeze
• Created: 2013-07-28T14:04:33.000Z (almost 13 years ago)
• Default Branch: master
• Last Pushed: 2017-01-06T15:44:15.000Z (over 9 years ago)
• Last Synced: 2025-04-03T22:51:13.395Z (about 1 year ago)
• Language: JavaScript
• Homepage: http://zencode.in/jquery.emphasis/
• Size: 1.87 MB
• Stars: 45
• Watchers: 7
• Forks: 2
• Open Issues: 4
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
jQuery.emphasis.js

===============

A javascript fallback for CSS3 emphasis mark, aka [text-emphasis](http://www.w3.org/TR/css-text-decor-3/#emphasis-marks). It’s really useful for East Asian documents. Using small symbols next to each glyph to emphasize a run of text.

![demo](./assets/demo.png)

Depends on jQuery >= 1.10. Tested on IE 8+, Chrome, Firefox 4+, Safari 5+, Opera 12+, Mobile Safari(iOS 5+)

Getting Started

---

Checkout [*demo*](http://nodejs.in/jquery.emphasis/demo.html) first, see what jQuery.emphasis can do.

Include jQuery and emphasis plugin into html like this:

    

    

    

    $('em').emphasis('dot');

    

### .emphasis(text-emphasis)

* text-emphasis
Type: String
A string representing text-emphasis style. For example: filled, dotted, filled sesame red, "@" #069. You can also use value none to remove the style. It's using navigator.language || navigator.browserLanguage to define which language was used. And it's not supporting vertical writing-mode.

### .emphasis(text-emphasis, text-emphasis-position)

* text-emphasis
Type: String
A string representing text-emphasis style.

* text-emphasis-position
Type: String
A string representing text-emphasis-position style. Currently it's not support "right" and "left" in vertical writing-mode.

Links

---

* [W3C emphasis marks document](http://www.w3.org/TR/css-text-decor-3/#emphasis-marks)

* [jQuery.emphasis.js on Dailyjs](http://dailyjs.com/2013/08/13/jquery-roundup/)

Know issues

---

* Not support "right" and "left" position.

* Not work right on inline-block element in some case.

If you find more issue, welcome to [report it](https://github.com/zmmbreeze/jquery.emphasis/issues).

LOG

---

* 0.1.0
init

* 0.1.1
changed mainfest, added notation for src file.

* 0.2.0
reconstruction


fix priority bug


use grunt


update index page

* 0.2.1
Fixed #2