joao-parana · January 22, 2021 10:24
diff --git a/TesteMetaphone.html b/TesteMetaphone.html
 <!DOCTYPE html>
 <html>
 <head>
 <!-- -->
 <meta charset="UTF-8">
 <title>Teste de Módulo Metaphone</title>
 <!-- CSS: Alloy Bootstrap -->
 <link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet">
 <!-- O loader do AUI fica em /js/aui/aui e os diversos modulos em /js/aui -->
 <script charset="utf8" src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
 <script charset="utf8" src="https://gist.github.com/joao-parana/8946099/raw/9f4669b4b1b9dd402631df7046099a84103444dc/metaphone.js"></script>
 <style>
 #metaphone {
 	margin: 5px;
 	padding: 5px;
 	border: 1px #000 solid;
 	background: AliceBlue;
 }

 #metaphone span.title {
 	width: 350px;
 	display: inline-block;
 }

 </style>
 </head>
 <body>
 	<div class="span12" id="div-1">
 		<div class="span3" id="div-1">
 			<p>Teste de Módulo Metaphone</p>
 			<p>O algoritmo mantém algumas convenções usadas no metaphone
 				original e acrescenta outras, para sons que não existem ou são
 				considerados no inglês (o LH, NH).</p>
 			<p>A maior dificuldade do algoritmo atual é trabalhar com nomes
 				estrangeiros, que praticamente fogem das regras comuns de
 				pronunciação, exigindo um trato quase à parte para alguns nomes,
 				como Harry. Felizmente, esses tipos de nomes não são muito comuns,
 				mas há outras formas de estrangeirismo mais complicadas de se tratar
 				e que sempre vão precisar de um cuidado mais apurado ou uma
 				convenção simbólica, a fim de representá-los, mesmo que não 'soem'
 				como o esperado na representação fonética, mas que possam ser
 				enquadrados ao lado de nomes semelhantes em grafia para a busca se
 				tornar efetiva.</p>
 		</div>
 		<div class="span8">
 			<div id="metaphone"></div>
 		</div>
 	</div>

 	<script>
 		var palavras = [ 'Metaphone', 'grandeza', 'orgulho', 'pneumotico',
 				'pneumoultramicroscopicossilicovulcanoconióticos',
 				'anticonstitucionalissimamente' ];
 		YUI().use(
 				'metaphone',
 				function(Y) {
 					var placeholder = Y.one('#metaphone');
 					Y.Array.each(palavras, function(palavra, index) {
 						placeholder.append('<div><span class="title">'
 								+ palavra + '</span><span>'
 								+ Y.Metaphone.getMeta(palavra) + '</span>'
 								+ '</div>');
 					});
 				});
 	</script>
 </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<!-- -->
	<meta charset="UTF-8">
	<title>Teste de Módulo Metaphone</title>
	<!-- CSS: Alloy Bootstrap -->
	<link href="http://cdn.alloyui.com/2.0.0/aui-css/css/bootstrap.min.css" rel="stylesheet">
	<!-- O loader do AUI fica em /js/aui/aui e os diversos modulos em /js/aui -->
	<script charset="utf8" src="http://cdn.alloyui.com/2.0.0/aui/aui-min.js"></script>
	<script charset="utf8" src="https://gist.github.com/joao-parana/8946099/raw/9f4669b4b1b9dd402631df7046099a84103444dc/metaphone.js"></script>
	<style>
	#metaphone {
	margin: 5px;
	padding: 5px;
	border: 1px #000 solid;
	background: AliceBlue;
	}

	#metaphone span.title {
	width: 350px;
	display: inline-block;
	}

	</style>
	</head>
	<body>
	<div class="span12" id="div-1">
	<div class="span3" id="div-1">
	<p>Teste de Módulo Metaphone</p>
	<p>O algoritmo mantém algumas convenções usadas no metaphone
	original e acrescenta outras, para sons que não existem ou são
	considerados no inglês (o LH, NH).</p>
	<p>A maior dificuldade do algoritmo atual é trabalhar com nomes
	estrangeiros, que praticamente fogem das regras comuns de
	pronunciação, exigindo um trato quase à parte para alguns nomes,
	como Harry. Felizmente, esses tipos de nomes não são muito comuns,
	mas há outras formas de estrangeirismo mais complicadas de se tratar
	e que sempre vão precisar de um cuidado mais apurado ou uma
	convenção simbólica, a fim de representá-los, mesmo que não 'soem'
	como o esperado na representação fonética, mas que possam ser
	enquadrados ao lado de nomes semelhantes em grafia para a busca se
	tornar efetiva.</p>
	</div>
	<div class="span8">
	<div id="metaphone"></div>
	</div>
	</div>

	<script>
	var palavras = [ 'Metaphone', 'grandeza', 'orgulho', 'pneumotico',
	'pneumoultramicroscopicossilicovulcanoconióticos',
	'anticonstitucionalissimamente' ];
	YUI().use(
	'metaphone',
	function(Y) {
	var placeholder = Y.one('#metaphone');
	Y.Array.each(palavras, function(palavra, index) {
	placeholder.append('<div><span class="title">'
	+ palavra + '</span><span>'
	+ Y.Metaphone.getMeta(palavra) + '</span>'
	+ '</div>');
	});
	});
	</script>
	</body>
	</html>