» »

Подсветка кода и выделить все для uCoz


Здесь вы узнаете как поставить подсветку на сайт и предоставлен кон на него. А также нужный скрипт, который называется Выделить все, который работает также на коде. Просто не хотелось делать 2 статьи, которые очень близки по теме и можно все в одном описание рассказать и прописать коды. Все это для сайта светлого, но кроме кода, который будет выделять скрипт или что вы там установили. Все проверенно и кто говорит, что сильно весит, то как можно было согнали вес и теперь он можно с уверенностью сказать, что стандартный по объему.

Подсветка кода и выделить все для uCoz

Чтоб установить скрипт для выделить весь код, нам нужно скопировать этот код и поместить в низ сайта. Да, не удивляйтесь, он от туда будет работать и показывать.

Код
<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(r);}  
  }else if(document.getSelection){  
  var s=document.getSelection();  
  var r=document.createRange();  
  r.selectNodeContents(e);  
  s.removeAllRanges();  
  s.addRange(r);  
  }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(/>Код</g,'>Код: <a href="#" onclick="selectCode(this);return false;">выделить всё<\/a><').replace('<!--uzc-->','<!--uzc--><code>').replace('<!--\/uzc-->','<\/code><!--\/uzc-->');  
  codediv[i].innerHTML=s;}}  
</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(r);}  
  }else if(document.getSelection){  
  var s=document.getSelection();  
  var r=document.createRange();  
  r.selectNodeContents(e);  
  s.removeAllRanges();  
  s.addRange(r);  
  }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;}}  
</script>


Сам скрипт не маленький как можно заметить, но пока другого рабочего нет.

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

Теперь переходим к подсветки кода, там нам нужно поставить стили и скрипт, не чего в корень сайта не одного файла мы не будем закачивать. И вот про него говорилось, что как можно согнали вес.

CSS:



Теперь надо рассмотреть, где на каком модуле выделять будем. Вот к примеру у меня каталог файлов и иду в админ панель в раздел и нахожу каталог файлов и комментарий к нему и там почти в самом подвале в низу нужно найти /body и только перед ним установить скрипт.



Все нужно сохранить и перейти посмотреть. Как зайдете, вы можете не увидеть сам эффект цветности, так как нужно просто один раз обновить страницу и все он должен сразу работать.
24.12.2015 Просмотров: 524 Комментарий: (14)

Поделиться в социальных сетях

Материал разместил

Комментарий: 14
Kvint
Kvint 24.12.2015 21:531
0
Вот это правильно, чтоб не разрываться не искать, все можно в одном материале найти.
Kosten
Kosten 24.12.2015 22:3911
0
Да все очень просто, если они реально близки, почему бы мануал на них не написать, так как пишется легко, просто всю суть знаешь.
ZruBkul
ZruBkul 24.12.2015 21:562
0
А зачем коды прятать, их если нужно все равно поисковые боты найдут.
Kosten
Kosten 24.12.2015 22:239
0
Но зачем их прячут, но наверное чтоб компактней было. А на счет ботов поспорить нужно, так как к примеру NOD 32 всегда просит ключи закрывать, которые выдает, не знаю почему, а все просто, их робот может просто не найти, а открытые быстро находит, и вот спрашиваю, а почему бы и поисковые роботы также не делали.
ZruBkul
ZruBkul 24.12.2015 21:583
0
А что по статье, поддерживаю Kvint, отлично все продумал и сделал материал, от меня плюс, за хорошую информацию.
Kvint
Kvint 24.12.2015 22:104
0
Костен, как то блог по другому назови, то не понятно.
Kosten
Kosten 24.12.2015 22:136
0
Kvint, все решал как назвать и все потом забывал, сейчас немного по поиску прошел и так теперь называться будет.

Давайте по теме.
FeStemBer
FeStemBer 24.12.2015 22:125
0
Вот такая понятная информация должна быть в блоге, то заметил там и скрипты есть, но их как понимаю просто разбирают, думаю нормально.
Kosten
Kosten 24.12.2015 22:208
0
Думаю пока нет такого, да сам иногда задумываюсь, чтоб работало, такой большой код ставить нужно, можно как то его уменьшить, но оставить все что там прописано.
Сопрано
Сопрано 24.12.2015 22:157
0
Не чего такого не вижу, все можно в скрипты сделать, и там также все оченьпопулярно раскладывать, но каждому свое.
Kosten
Kosten 24.12.2015 22:4012
0
Но тут как посмотреть, кто то видеть кто то нет, не когда не будет все в шоколаде.
nikolla76
nikolla76 24.12.2015 22:2710
0
Так же не вижу смысла, просто в скриптах, есть коды, где также все описано. Жа все равно, главное чтобработали и обновлялись, здесь только на этом сайте для форума много стилей и скриптов нашел.
csretven
csretven 27.12.2015 01:2013
0
Что то даже и не заметил, хотя пару дней искал как сделать, а здесь почти первый пост на сайте. Спасибо, все получилось как нужно и как здесь на сайте.
Kosten
Kosten 27.12.2015 03:4014
0
Но как говориться, позже чем не когда, все так что ли зашифровано.
avatar