вРазные полезности

Подсветка кода и выделить все для 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 и только перед ним установить скрипт.

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

источник: zornet.ru

Похожие посты