contenteditable ¿Cómo trabajar con el texto?

vrael · #1 (**permalink**) 15/09/2011, 15:56

A ver si alguien me puede echar un cable con esto porque no me termina de funcionar.

Objetivo:
El usuario escribe un texto dentro de un div con la etiqueta contenteditable = 'true' y con javascript voy a poner en negrita el artículo "el" en todo el texto. Esto se tiene que ir haciendo mientras escribe y cuando el usuario copia y pega un texto.

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="css/editor.css" />
    <script type="text/javascript" src="js/jquery-1.6.3.min.js"></script>
    <script type="text/javascript" src="js/editor.js"></script>
</head>
<body>
    <div id="editor" contenteditable='true'></div>
</body>
</html>

Problemas con los que me encuentro:
1º)¿El valor del div se puede modificar directamente o continuamente hay que estar extrayendo con javaescript su valor y volviendo a reescribirlo todo de nuevo?
2º) ¿Hay alguna forma de saber en qué posición está el cursor respecto del texto?

Gracias y un saludo.