Como recocorrer el value den text o textarea

[ApipeMc]

Alguien me podria ayudar o explicarme como recorrer
el value de un campo de texto ya sea text o textarea.
Y de paso saber en que en que posicion del texto del value esta

[Aijoona]

A fines de ayudarte, sería más útil saber tu objetivo.

Si estás usando jquery:

Código Javascript:

// Obtienes el valor del campo
var texto = $('#myInput').val();
 

Luego podes recorrerlos usando el método charAt:

Código Javascript:

// a fines de facilitar el ejemplo usamos un string y no el valor del campo
var texto = 'abc';
 
var c;
for(var i = 0, l = texto.length; i < l; i++) {
    c = texto.charAt(i);
    
    alert(c);
}
 

[ApipeMc]

Si estoy utilizando Jquery.
Esa forma de recorrerlo es por letra esmuy bueno.
hay una manera de recorrerlo por frase o texto especifico.

La idea es que estoy tratando de realizar un editor de texto.
Pero mis conocimiento de Javascript y Jquery son muy basicos.

[Aijoona]

Ahi ya es muy poco especifico el requerimiento, ¿cual sería el texto y cual sería la frase?

[ApipeMc]

Ah si claro. me explico
El texto es el todo lo digitado en el textarea
y las frases serian las palabras claves que debe buscar.
para que cuando encuentre una. agregue un elemento (<span>) para darle estilo.

[Aijoona]

La verdad es que es bastante complejo lo que querés hacer, te diría que empieces con algo sencillo y vayas poniendote metas reales.

Aca te subí un preview basico de como empezaría yo:

http://blog.aijoona.com/wp-content/uploads/2011/05/edit_basico.html

[ApipeMc]

Muchas gracias por tu colaboración y tu consejo.
Seguire mejorando mis conocimientos de javascript y jquery.
Para poder realizarlo.

Encontre una libreria bueno que realizar cierta parte de lo quier realizar
jquery.highlight-1.1.source

[InKarC]

No deberia ser tan complicado, aqui una cosilla que hace mas o menos lo que quiere; resalta las palabras estan en un array,

Código Javascript:

var marcar = ["metallica","rammstein","ac/dc"];
    $("#editor").keyup(function(){
        var contenido = this.value;
        var palabras = contenido.split(" ")
            for(i = 0; i<palabras.length ; i++){
            if($.inArray(palabras[i], marcar) != -1){
                var search_for = new RegExp(palabras[i], 'gi');
                contenido = String(contenido).replace(search_for,"<span class='hl'>" + palabras[i] + "</span>")
            }
        }
        $("#editado").html(contenido)
    })
 

Le faltan muchas cosas para ser perfecto... pero es un buen comienzo!
Lo puede ver funcionando aqui: http://jsfiddle.net/JXWws/1/ (solo escriba "metallica" o "rammstein" en el cuadro rojo)

[Aijoona]

Yo no se si eso es lo que quiere, o hacer un editor como el de post por ejemplo, donde puede seleccionar texto y darle atributos (boldness, color, size, etc)

[ApipeMc]

Iniciado por Aijoona

Yo no se si eso es lo que quiere, o hacer un editor como el de post por ejemplo, donde puede seleccionar texto y darle atributos (boldness, color, size, etc)

Como cual post?

[Aijoona]

El rich editor de 'nueva respuesta rapida'

[ApipeMc]

No estoy buscando plugins ni addon-s.
Ademas ya no voy a utilizar text o textarea
sino propiedad de html5 que es

Código HTML:

<div class="ide-editor" contentEditable="true" ></div>
 

El codigo que sudministro InKarC
es realmente bueno me ayudara mucho.
la cosa es que no estoy haciendo un editor de texto sino de codigo

[Aijoona]

Si te interesa leer al respecto:

http://codemirror.net/