terça-feira, 17 de maio de 2016

Problemas com SyntaxHighlighter ao usar CDN do Google


Pessoal hoje tivemos um problema com nosso blog em relação ao uso do SyntaxHighlighterEssa ferramenta facilita a escrita em linguagens estruturadas como linguagens de programação ou linguagens de marcação (que é o caso do nosso blog), já que as estruturas e os erros de sintaxe são facilmente distinguidos.

O problema é que estávamos usando a CDN (Conten Delivery Network) do Google que era o link: http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js e vários outros links necessários para para que o SyntaxHighighliter funcionasse.


Problemas com SyntaxHighlighter ao usar CDN do Google


No entanto ao tentar acessar o link, você não tem mais a página (pode ser que já tenha voltado rs), mas até o momento a página se encontra fora do ar.

A solução foi alterar de CDN, onde antes apontávamos para a Google, agora estamos apontando para o próprio site da ferramenta:
"http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js"

Para fazer as alterações, usando blogspot, vá até o menu Modelo e clique em Editar HTML. Localize onde estão os scripts responsáveis pelo controle da ferramenta, para facilitar pesquise por "syntaxhighlighter" ou "
" e altere todos os caminhos, deixando da seguinte forma:
// Inicio configuracao do Syntax Highlighting
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shCore.css' rel='stylesheet' type='text/css'/>
// configuracao do tema, css usado, default, branco, inicio
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css' rel='stylesheet' type='text/css'/>
// configuracao do tema, css usado, default, branco, fim
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js' type='text/javascript'/>
 
// adicionando Script para SyntaxHighlighter
<script type='text/javascript'>
  SyntaxHighlighter.config.bloggerMode = true;
  SyntaxHighlighter.all();
</script>

// Configuracao de linguagens usadas, inicio
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushBash.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushSql.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushCpp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPhp.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPerl.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDelphi.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushPlain.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushDiff.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushVb.js' type='text/javascript'/>
// Configuracao de linguagens usadas, fim
 
// fim configuracao do Syntax Highlightinghttp://www.deviscoming.com/2016/05/problemas-com-syntaxhighlighter-ao-usar.html
Luiz Fagner Zordan Analista de Sistemas

Graduado em Sistemas de Informação, atualmente trabalhando na Embraer pela FocusNetworks como FullStack. Sou apaixonado por tecnologia, fascinado por jogos e adoro passar o tempo assistindo séries.