Кнопка вставки BB-Тега абзаца(отступов) [indent] (Deff)
BB-тег позволяющий делать отступы строки по вертикали и горизонтали
HTML низ:
<!--ТЕГ абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
Вариант с возможностью простановки своих цифр [indent=2,5] Красным левый отступ, синим - от верха, всё в em
Отступ от верха-синим (вместе с запятой) может отсутствовать=> [indent=2], тогда от верха без дополнительного отступа, идентичен [indent=2,0]
или оба =>[indent], тогда отступ будет установлен по умолчанию
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<!--ТЕГ абзаца - [indent=X,Y] --><script type="text/javascript">
(function(){var c="[indent",h,e='<span style="display:inline-block;margin:YYem XXem;"></span>';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+c+']\')\"></td>');
function a(b,d){if(!d){return e.replace("XX","2").replace("YY","1")} /*удвоенные Отступы слево и сверху по умолчанию*/
else{return d.replace(/=(\d+(?:\.\d+)?)((?:,\d+(?:\.\d+)?)?)$/,function(f,i,g){h=e.replace("XX",i);v=g.substr(1);return h.replace("YY",(v?v:"0"));
})}}$('.post-content p:contains("'+c+'")').each(function(){$(this).html($(this).html().replace(/\[indent([=\d\.,]*?)\]/gm,a))})}());
</script>
Знак = (равно) и нужные цифры вписываем в тег [indent=3,4] сами! (Не стал замудрять скрипт, ибо вставка цифр индивидуально -редко
Можно и дробные, с точкой: [indent=2.3,4.5]
Можно по клику на кнопку вставлять не пустой тег [indent], а уже с атрибутами сдвига по умолчанию(для удобства вставки своих цифр), тогда замените синию строку на:
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+c+'=2,1]\')\"></td>');
HTML низ:
Цитата
<!--ТЕГ абзаца - [indent] -->
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:1em 2.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script>
Вариант с возможностью простановки своих цифр [indent=2,5] Красным левый отступ, синим - от верха, всё в em
Отступ от верха-синим (вместе с запятой) может отсутствовать=> [indent=2], тогда от верха без дополнительного отступа, идентичен [indent=2,0]
или оба =>[indent], тогда отступ будет установлен по умолчанию
Цитата
<style>#button-indent {background:url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<!--ТЕГ абзаца - [indent=X,Y] --><script type="text/javascript">
(function(){var c="[indent",h,e='<span style="display:inline-block;margin:YYem XXem;"></span>';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+c+']\')\"></td>');
function a(b,d){if(!d){return e.replace("XX","2").replace("YY","1")} /*удвоенные Отступы слево и сверху по умолчанию*/
else{return d.replace(/=(\d+(?:\.\d+)?)((?:,\d+(?:\.\d+)?)?)$/,function(f,i,g){h=e.replace("XX",i);v=g.substr(1);return h.replace("YY",(v?v:"0"));
})}}$('.post-content p:contains("'+c+'")').each(function(){$(this).html($(this).html().replace(/\[indent([=\d\.,]*?)\]/gm,a))})}());
</script>
Знак = (равно) и нужные цифры вписываем в тег [indent=3,4] сами! (Не стал замудрять скрипт, ибо вставка цифр индивидуально -редко
Можно и дробные, с точкой: [indent=2.3,4.5]
Можно по клику на кнопку вставлять не пустой тег [indent], а уже с атрибутами сдвига по умолчанию(для удобства вставки своих цифр), тогда замените синию строку на:
Цитата
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif" onclick="smile(\''+c+'=2,1]\')\"></td>');
Просмотров: 1065, Загрузок: 0, Комментарии: 4, Оценка: 5.0 (1)
| Страницы: | |