Skip to content

Added custom data attributes, character escape function, and character class for kerning pairs #45

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 8 commits into
base: master
Choose a base branch
from
Open

Added custom data attributes, character escape function, and character class for kerning pairs #45

Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
4b083a6
Copying item to the data attribute of the span
alienresident Nov 2, 2013
75c9fd8
Added a function to escape text to html entities
alienresident Nov 4, 2013
b50270a
Added +item+ as a custom data attribute and as a class
alienresident Nov 4, 2013
9b53576
Added text values to a custom data attribute and as an additional class
alienresident Nov 4, 2013
4b1492a
Added a space to   replacement
alienresident Nov 6, 2013
e787507
checks to see if the method 'klass' is 'char'
alienresident Nov 8, 2013
349acd1
Removed extra class char-* as it's unnecessary
alienresident Nov 8, 2013
c20c5e7
Unnecessary escaping on `space` to   was breaking styling
alienresident Nov 8, 2013
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 6 additions & 2 deletions jquery.lettering.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,16 +11,20 @@
* Date: Mon Sep 20 17:14:00 2010 -0600
*/
(function($){

function injector(t, splitter, klass, after) {
var a = t.text().split(splitter), inject = '';
if (a.length) {
$(a).each(function(i, item) {
inject += '<span class="'+klass+(i+1)+'">'+item+'</span>'+after;
escitem = escape(item);
inject += '<span class="'+klass+(i+1)+'" data-'+klass+'="'+escitem+'">'+item+'</span>'+after;
});
t.empty().append(inject);
}
}

function escape(str) {
return String(str).replace(/&amp;/g, '&').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;'); // avoids double encoding &amp; See comments from http://css-tricks.com/snippets/javascript/htmlentities-for-javascript/
}
var methods = {
init : function() {

Expand Down