Lista de entrada de elementos del usuario

Tengo un sitio web con un formulario donde los usuarios pueden escribir un texto libre en un área de texto. Les permito usar Markdown, pero la mayoría de ellos no lo usan y generalmente publican contenido de mala calidad, incluso después de ver una vista previa del resultado final :-(

Dado que la mayoría de los usuarios enumeran cosas (requisitos de trabajo) en esa área de texto, creo que sería genial si pudiera "forzarlos" de alguna manera a crear una lista de elementos. Además, creo que sería valioso proporcionarles algunos comentarios visuales mientras escriben. Por ejemplo, mostrar algunas viñetas cerca de cada elemento de la lista que están creando y crear una nueva viñeta cuando presionan Intro.

Así que básicamente, Me gustaría transformar un área de texto en un editor WYSIWYG que solo permita a los usuarios crear una lista de elementos.

¿Alguna idea?

preguntado el 11 de abril de 13 a las 04:04

2 Respuestas

Elige tu opción:

https://github.com/cheeaun/mooeditable/wiki/Alternative-Javascript-WYSIWYG-editors

Todos estos se pueden configurar para permitir solo viñetas.

Respondido 11 Abr '13, 04:04

Gracias. Pensé en usar un editor WYSIWYG con solo el control de "lista", pero en ese caso no estoy seguro de cómo evitaría que los usuarios ingresen también texto normal. Me gustaría ingresar al "modo de lista" tan pronto como los usuarios hagan clic en el área de texto y de alguna manera evitar cualquier texto normal. - pablo alonso

Estoy casi seguro de que esto se puede lograr con uno de estos editores. - alexbaron

Tu respuesta está aquí:

Tan pronto como un usuario enfoca el campo de área de texto, aparecerá una viñeta. Con cada tecla Intro, aparecerá una nueva viñeta. Además, un usuario puede eliminar la viñeta si no es necesario y continuar con el texto normal.

http://jsfiddle.net/abhiagrawal87/m39xt

Fragmento de muestra:

$(".todolist").focus(function() {
    if(document.getElementById('todolist').value === ''){
        document.getElementById('todolist').value +='• ';
    }
});

contestado el 28 de mayo de 13 a las 08:05

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.