Búsqueda de sitios web

html - Editor WYSIWYG de texto enriquecido sin interfaz de usuario (solo API de JavaScript)


Estoy buscando un proyecto muy limpio para agregar una API de JavaScript compatible con varios navegadores a un div editable de contenido.

Si tiene interfaz de usuario, entonces debería ser posible no cargarla (en lugar de deshabilitarla) o eliminarla completamente de las fuentes.

Estoy buscando características básicas realmente, sin un gran enfoque en la compatibilidad hacia atrás, sino más bien un código más limpio.

Algunas de las funciones que esperaría de esta API serían:

  • Insertar fragmento de HTML en la posición del cursor
  • Limpiar el contenido después de pegar (como span y tamaños de fuente)
  • Devolver el nodo donde el cursor está actualmente ubicado
  • Agregar nuevo elemento a la lista de elementos

Supongo que podría programarlos con algo de jQuery, pero si alguien lo tiene, ¿por qué no reutilizarlo?

Respuesta #1

Podrías usar el que Google usa -

http://closure-library.googlecode.com/svn/docs/namespace_goog_editor.html

http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/editor/field_basic.html

Si tu preocupación sobre un código más limpio se relaciona con la mantenibilidad/extensibilidad, entonces todo el código en la biblioteca Closure está bien documentado y todas las variables/métodos tienen nombres descriptivos (esto se debe a que el Compilador Closure se encargará de minificarlos para el cliente).

Respuesta #2

En CKEditor, la interfaz de usuario y los temas se definen como complementos y no forman parte del núcleo, por lo que si tienes suficiente paciencia, podrías redefinirlos de cualquier manera que desees.