Shefarol Soluções Web

Syntax Highlight - Voltar

O SyntaxHighlighter é um marcador de sintaxe de código independente, totalmente funcional, desenvolvido em JavaScript

Exemplo de HTML
			<!DOCTYPE html>
			<html>
			<head>
				<title></title>
			</head>
			<body>

			</body>
			</html>

Exemplo de CSS
			body{
				font-family: Arial, sans-serif;
				color: #333 !important;
				line-height: 25px;
			}

Exemplo de Javascript
			function Relogio(){
				var agora = new Date();
				var h = agora.getHours();
				var m = agora.getMinutes();
				var s = agora.getSeconds();
				document.getElementById('meu-relogio').innerHTML = h+":"+m+":"+s;
				t = setTimeout('Relogio()', 500);
			}

Exemplo de PHP
		    <?php
				$nome = 'Fabio';
				$sobre = 'Correa';
				echo($nome . ' ' . $sobre);
			?>

Exemplo de SQL
		    -- Criando a tabela tab_carros
		    CREATE DATABASE tab_carros(
				id_carro INT PRIMARY KEY IDENTITY(1,1),
	    		nome VARCHAR(50),
	    		marca VARCHAR(50),
	    		id_proprietario INT NOT NULL,
	    		CONSTRAINT fk_proprietario FOREIGN KEY (id_proprietario) REFERENCES tab_proprietarios (id_proprietario)
				);

			-- Inserindo um registro em um ID disponível
			SET IDENTITY_INSERT [tab_carros] ON;
	 		INSERT INTO [tab_carros] (id_carro, nome, marca, id_proprietario) VALUES (3,'Corolla','Toyota', 8);
	 		SET IDENTITY_INSERT [tab_carros] OFF;

	 		-- Resetando a tabela
			DBCC CHECKIDENT(tab_carros, reseed, 0);

Exemplo de CSharp
		    string _strConexao = "Data Source=192.0.0.1; Initial Catalog=NomeBanco; User ID=NomeUsuario; Password=Senha";
			_strConexao cn = new SqlConnection(_strConexao);
			cn.Open();



Para usar o Syntax Highlighter faça a chamada dos seguintes arquivos JS
			<script src="js/shCore.js" type="text/javascript" ></script>
			<script src="js/shBrushXml.js" type='text/javascript'></script>
			<script src="js/shBrushJScript.js" type='text/javascript'></script>
			<script src="js/shBrushCss.js" type='text/javascript'></script>
			<script src="js/shBrushCSharp.js" type='text/javascript'></script>
			<script src="js/shBrushPhp.js" type='text/javascript'></script>
			<script src="js/shBrushSql.js" type='text/javascript'></script>
			<script type="text/javascript">
				SyntaxHighlighter.all();
			</script>

Chame também o seguinte CSS dentro da tag HEAD
			<link rel="stylesheet" type="text/css" href="css/shCore.css" />

Aqui um exemplo de uso para códigos HTML
			<div class="codigo">
				<pre class="brush: html; notranslate" title="">
				<!DOCTYPE html>
				<html>
				<head>
					<title></title>
				</head>
				<body>

				</body>
				</html>
				</pre>
			</div>

 

Faça o download dos arquivos aqui