MENU

Подсветка кода от Гугла для ucoz




[ Скачать с сервера (10.8 Kb) ]29.07.2013, 11:44

Очень классная подсветка кода от Гугла для ucoz. Также добавится кнопка "Выделить всё", что очень упростит жизнь пользователям.

Смотреть ДЕМО



Кидаем в низ сайта




Код


<script src="http://scucoz.3dn.ru/script-ucoz/backlight_code.js"></script>

<script type="text/javascript">  

function selectCode(a){  

var e=a.parentNode.parentNode.getElementsByTagName('code')[0];  

if(window.getSelection){  

var s=window.getSelection();  

if(s.setBaseAndExtent){  

s.setBaseAndExtent(e,0,e,e.innerText.length-1);  

}else{  

var r=document.createRange();  

r.selectNodeContents(e);  

s.removeAllRanges();  

s.addRange®;}  

}else if(document.getSelection){  

var s=document.getSelection();  

var r=document.createRange();  

r.selectNodeContents(e);  

s.removeAllRanges();  

s.addRange®;  

}else if(document.selection){  

var r=document.body.createTextRange();  

r.moveToElementText(e);  

r.select();}}  

// Замена Code на Выделить всё...  

codediv=document.getElementsByTagName('div');  

for(i=0;i<codediv.length;i++){  

if(codediv[i].className=="bbCodeBlock"){  

s=codediv[i].innerHTML;  

s=s.replace(/>Code</g,'><a href="#" onclick="selectCode(this);return false;">Выделить всё<\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');  

codediv[i].innerHTML=s;}}  

$(function() {prettyPrint();});

</script>




 





Кидаем в CSS



 




Код


/* Подсветка кода

------------------------------------------*/

div .codeMessage .nocode {background-color:none; color: #555 }

div .codeMessage .str {color: #cd5c5c } /* string - pink */

div .codeMessage .kwd {color: #000080; font-weight: bold }

div .codeMessage .com {color: #00853E } /* comment - skyblue */

div .codeMessage .typ {color: #00853E } /* type - lightgreen */

div .codeMessage .lit {color: #cd5c5c } /* literal - darkred */

div .codeMessage .pun {color: #555 } /* punctuation */

div .codeMessage .pln {color: #555 } /* plaintext */

div .codeMessage .tag {color: #5c71cd; font-weight: bold } /* html/xml tag - lightyellow */

div .codeMessage .atn {color: #cd5c5c; font-weight: bold } /* attribute name - khaki */

div .codeMessage .atv {color: #555} /* attribute value - pink */

div .codeMessage .dec {color: #98fb98 } /* decimal - lightgreen */



/* Specify class=linenums on a pre to get line numbering */

ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */

li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }



/* Alternate shading for lines */

li.L1,li.L3,li.L5,li.L7,li.L9 { }



/* Выделение кода

------------------------------------------*/

/* webkit, opera, IE9 */

.codeMessage ::selection {

  background:#C0C0C0;

}

/* mozilla firefox */

.codeMessage ::-moz-selection {

  background:#C0C0C0;

}


Категория: Скрипты для uCoz | Добавил: Timmy | Теги: подсветка, кода, вид цитат и кода, гугла
Просмотров: 1511 | Загрузок: 533 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar