Вы находитесь здесь:Плагины jQuery»liQuotes - jQuery Quotes или замена кавычек на "елочки"

liQuotes - jQuery Quotes или замена кавычек на "елочки"

Воскресенье, 05 Август 2012 01:35 Автор 
effect liQuotes - jQuery Quotes или замена кавычек на "елочки"

jQuery Плагин liQuotes идеально подходит для замены одинарных и двойных кавычек в тексте на типографские «ёлочки». Плагин liQuotes стабильно работает вне зависимости от уровня вложенности текста в тегах. Также liQuotes абсолютно не задевает структуры HTML кода, а именно атрибутов тегов и навешенные на них события.

Пример работы на JSFIDDLE

Подключаемые файлы

Инициализация плагина

Структура HTML

Внутрь обработанного плагином элемента можно вставить код с любой вложенностью и любой структуры. 

  'Lorem Ipsum' is simply 'dummy', text of the printing and typesetting "industry". Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown ("printer") took a 'galley'! Of type and scrambled it to make a type specimen book. It has survived not only five "centuries", but also the leap into electronic 'typesetting', remaining essentially "unchanged"... It was popularised in the '1960s' with the release of "Letraset" sheets containing Lorem Ipsum passages, and more recently with desktop publishing software "like "Aldus" PageMaker" including versions of Lorem Ipsum
   popularised
   

   "label:" "content"

Результат


  «Lorem Ipsum» is simply «dummy», text of the printing and typesetting «industry». Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown («printer») took a «galley»! Of type and scrambled it to make a type specimen book. It has survived not only five «centuries», but also the leap into electronic
  «typesetting», remaining essentially «unchanged»... It was popularised in the «1960s» with the release of «Letraset» sheets containing Lorem Ipsum passages, and more recently with desktop publishing software «like «Aldus» PageMaker» including versions of Lorem Ipsum
  popularised
  

    «label:» «content»
Прочитано 51912 раз Последнее изменение Воскресенье, 30 Март 2014 17:13
Оцените материал
(1 Голосовать)
  • Social sharing:
Теги

Похожие материалы (по тегу)

Другие материалы в этой категории: « Text Pagination - jQuery Auto Pagination или автоматическая пагинация текста liTextLength - jQuery Substring Text или обрезание лишних символов »

Комментарии   

 
Космо Горыныч
# Космо Горыныч 31.07.2013 10:18
Доработал плагин до возможности заменять дефисы на тирешки, вставки неразрывных пробелов после коротких союзов, частиц и предлогов + замену трёх точек на реальный эллипсис ака многоточие.

Например:
— И что ты сам в том лесу-то делал?
— Травы собирал. Для зелий, ядов. Люблю зелья поварить…

Заменяя строку 8:
Ответить | Ответить с цитатой | Цитировать
 
 
Космо Горыныч
# Космо Горыныч 31.07.2013 10:22
Во блин, код покорябался.
Тут я уже весь код запостил: http://snipt.org/ASN3
Ответить | Ответить с цитатой | Цитировать
 
 
Роман
# Роман 25.10.2013 08:37
Плагин не все возможности обрабатывает, ну или малость по другой логике.

Например это
'aaa'aaa'
выдаст это
«aaa'aaa»
а это
'aaa.'aaa'
выдаст
«aaa."aaa»
хотя по логике должно быть
«aaa«aaa» и «aaa.«aaa»

В своё время писал подобную функцию на PHP. Может пригодится, как перевести на JS знаний не хватает
вот ICQ 256424547 или на мыло
Ответить | Ответить с цитатой | Цитировать
 
 
Иван
# Иван 06.05.2014 14:22
Спасибо за классный скрипт! Работает, но есть вопрос. Если содержимое кавычек является ссылкой, а после закрывающей кавычки идёт любой знак, кроме пробела, то закрывающая кавычка ставится неверно. Вот пример:

"Ссылка",

такая запись преобразуется таким образом:

«Ссылка«,

Помогите, пожалуйста, решить проблему!
Ответить | Ответить с цитатой | Цитировать
 
 
LiMasscode
# LiMasscode 08.05.2014 09:05
Цитирую Иван:
Спасибо за классный скрипт! Работает, но есть вопрос. Если содержимое кавычек является ссылкой, а после закрывающей кавычки идёт любой знак, кроме пробела, то закрывающая кавычка ставится неверно. Вот пример:

"Ссылка",

такая запись преобразуется таким образом:

«Ссылка«,

Помогите, пожалуйста, решить проблему!


вот пример, ставится верно:
http://jsfiddle.net/yurik417/BJngh/40/
Ответить | Ответить с цитатой | Цитировать
 
 
Иван
# Иван 02.09.2014 14:26
Хотелось бы, чтобы кавычки менялись на ёлочки в текстовом поле, во время набора текста. Возможно ли это? Не могу найти в интернете.
Ответить | Ответить с цитатой | Цитировать
 
Наверх
Онлайн-конструктор українського орнаменту

Чем вы можете помочь?

1. Разместить ссылку на своем сайте
Если вы ведете блог или у вас есть сайт - поставьте ссылку на www.masscode.ru. Скопируйте этот код:

<a href="http://masscode.ru" title="Плагины, сниппеты и пользовательские скрипты на jquery" target="_blank">Плагины, сниппеты и пользовательские скрипты на jquery</a>

2. Поддержать проект финансово
Вы можете сделать добровольное пожертвование

AUH: U878157792792
USD: Z821422743261
RUB: R360648948582
EUR: E298388086680

Свежие материалы

Последние коментарии

Чудо облако

Вы находитесь здесь:   ГлавнаяjQueryliQuotes - jQuery Quotes или замена кавычек на "елочки"