GoogieSpell: Ortografía Web

GoogieSpell es un script que nos permite añadir un corrector ortográfico para cualquier campo de formulario. Soporta multiples lenguajes (Danes, Ingles, Español, Francés, Italiano entre otros.) y los diferentes navegadores como Internet Explorer, Firefox y Safari. Este corrector esta basado en el corrector ortográfico de Gmail y modificado para insertarlo en cualquier formulario HTML.

logo.png

Bueno como a nosotros no solo nos gusta las noticias si no utilizar todo este tipo de novedades, vamos a dar una breve explicación. Primero procedemos a descargar GoogieSpell, al extraer los archivos tenemos una carpeta llamada googiespell (para nuestro caso lo hemos renombrado a gspell) el cual incluiremos en nuestro proyecto para insertar el corrector ortográfico.

gspell.jpg

Creamos una nueva página HTML con el formulario al que deseamos aplicarle el corrector ortográfico, luego insertamos la referencias a tres archivos javascript necesarios para el funcionamiento:

  1. <script type="text/javascript" src="gspell/AJS.js">
  2. <script type="text/javascript" src="gspell/googiespell.js">
  3. <script type="text/javascript" src="gspell/cookiesupport.js">

El siguiente paso es agregar el archivo de estilos CSS, esto lo hacemos de la forma:

  1. <link href="gspell/googiespell.css" type="text/css"
  2. rel="stylesheet" media="all" />

El ultimo paso es asignar el corrector a un campo te texto esto lo hacemos utilizando la función decorateTextarea de GoogieSpell como en el siguiente ejemplo.

  1. <textarea cols="50" rows="8" class="textarea" id="texto">
  2. Esta es una prueva
  3. </form>
  4. <script type="text/javascript">
  5. var vProxy = "https://www.google.com/tbproxy/spell?lang=";
  6. var vSpell = new GoogieSpell("gspell/", vProxy);  
  7. vSpell.decorateTextarea("texto");

Finalmente tendremos el ejemplo completo:

  1. <title>GoogieSpell Demo</title>
  2. <script type="text/javascript" src="gspell/AJS.js">
  3. <script type="text/javascript" src="gspell/googiespell.js">
  4. <script type="text/javascript" src="gspell/cookiesupport.js">
  5. <link href="gspell/googiespell.css" type="text/css"
  6. rel="stylesheet" media="all" />
  7. <style type="text/css">
  8. body {
  9.     font-family: Georgia, Times, serif;
  10.     font-size: 11px;
  11.     font-weight: normal;
  12. }
  13. </head>
  14. <textarea cols="50" rows="8" class="textarea" id="texto">
  15. Esta es una prueva
  16. </form>
  17. <script type="text/javascript">
  18. var vProxy = "https://www.google.com/tbproxy/spell?lang=";
  19. var vSpell = new GoogieSpell("gspell/", vProxy);  
  20. vSpell.decorateTextarea("texto");
  21. </body>
  22. </html>

Este ejemplo te permite seleccionar el idioma al cual deseas aplicar la ortografía, hay mas ejemplos en el cual te permiten restringir los idiomas y personalizar los mensajes de configuración las cuales las encontrarás en la Documentación de GoogieSpell.

Posts Relacionados

  • No related posts

Comentarios Total 13 comentarios


José Luis
Publicado: 29/01/2007 4:45 pm

Tu ejemplo trabaja localmente solamente, si lo hago con un servidor remoto me envía un mensaje en la consola de javascript de “permiso denegado”, hay una manera con un archivo denominado sendReq.php, que está en la página de ellos, pero tampoco con ella puedo hacer la conexión a través del httpRquest..

unijimpe
Publicado: 29/01/2007 11:37 pm

Que raro, a mi me funciono, debe ser que han bloqueado las llamadas remotas pero habria que investigar sobre ese tema.

luis
Publicado: 24/04/2007 9:04 pm

eso que dice unijimpe solo sucede con ie sp2 o firefox, yo tampoco he podido hechar a andar ese corrector ortográfico en un servidor que no sea localhost (a menos que agregue ese sitio a sitios seguros, aagggghhh)

Sergio
Publicado: 18/08/2007 3:56 am

Ya me quedó la implementación de este código pero también tengo el problema con un servidor remoto. El IE ya lo agregué como sitio seguro y el problema se resuelve. Pero como agredo un sitio seguro en Firefox y netscape? Ojalá me puedan sejerir algo.

Gerardo
Publicado: 28/10/2008 5:22 pm

Alguna sugerencia por el tema? Tengo el mismo problema y no doy como solucionarlo . por que el script lo uso para usuarios registrados en mi sitio.

Harold Correa
Publicado: 21/11/2008 7:42 am

Buenos días, tengo 2 preguntas:
1 en definitiva que debo hacer para ponerlo a funcionar en un servidor y con explorador IE?
2. que demo hacer para que me funcione en IE ver 7.0?

Maria
Publicado: 21/11/2008 10:19 am

Hola, el corrector me funciona en IE 6.0 pero en IE 7.0, no me funciona, me aparece un error que dice acceso denegado, si alguien sabe por favor me avisa

Gio
Publicado: 09/11/2009 4:36 am

De que sirve este foro di no dan soluciones… como podemos usar el corrector a quienes nos da error. Yo veo otras paginas en las que esta instalado y funciona perfecto. Asi que creo que hay la forma de solucionarlo.

angerrising
Publicado: 02/03/2010 10:43 am

a mi me sale el maldito mensaje “babu” me da la impresion que el problema està relacionado con las URL

Ramon
Publicado: 28/06/2011 4:51 pm

No logro colocar andar este spript me sale un error de ” An error was encounteres on the server. please try again later”.

si alguien me puede colaborar, le agradecería mucho…

luisa
Publicado: 01/02/2013 7:34 am

y como se elige el idioma de correccion? ay que complicado que es el googlie spell este

luisa
Publicado: 01/02/2013 7:36 am

gracias por el articulo sobre googlie speel, es muy completo.

Luis
Publicado: 21/08/2014 4:27 pm

Para las personas que han usado googiespell pagando licencia no han tenido problemas para hacerlo funcionar en un servidor propio?

 

Comentar

En este blog los comentarios están moderados, serán mostrados cuando el administrador los apruebe. Por favor, evita comentarios ofensivos u obscenos por que no serán aprobados.
Si deseas publicar código fuente debes hacerlo entre las etiquedas <code> y </code>, además debes reemplazar los carácteres < por &lt; y > por &gt;.

(Requerido)

(Requerido, no será publicado)

(Requerido)

(Tags aceptados: <a> <em> <strong> <code> <ul> <li>)