¿Cuáles son las mejores opciones para la edición de texto enriquecido en Rails?

Question

Me gustaría utilizar la edición de texto enriquecido en el lugar en los formularios para permitir que los administradores cambien las instrucciones. ¿Cuáles son las mejores opciones para hacer esto?

[Para ser más claro: los administradores no son técnicos, pero pueden querer controlar algún formato sin usar marcado o con el menor marcado posible. Lo que me gustaría es que puedan editar todos los AJAXy en línea con un RTE con algunos controles de formato y luego enviar y poder ver cómo se verán las instrucciones para el usuario final sin cambiar las páginas.

Con respecto a los complementos específicamente, lo que me gustaría saber es qué complementos de Rich Test Editing son los mejores para usar en Rails. Más fácil de implementar, API más clara, más fácil de usar en línea, etc. ...

Answer 1

Para Tumblon , comenzamos con TinyMCE pero estamos cambiando al Editor de texto enriquecido de Yahoo porque hay hubo algunos problemas extraños con la forma en que funcionaba TinyMCE y porque la documentación del Editor de texto enriquecido y la apariencia predeterminada son superiores.

Ambos son bastante fáciles de integrar con Rails (después de todo, son solo JavaScript). Hay complementos, pero realmente no necesitas uno.

Answer 2

He pasado por luchas similares en el pasado, y me decidí por YUI. Desafortunadamente, los resultados de YUI (al menos para mí, y lo admito, me apresuré y nunca re-factoricé), en horrible html.

Luego, esta noche, cuando me topé con esta publicación, encontré PunyMCE. Hay 2 cosas increíbles al respecto: 1) es increíblemente liviano (como su nombre lo indica), y 2) hay un complemento de rieles que ya se ha creado para él: puny_mce en github.

La documentación es lo suficientemente buena, excepto por un par de cosas que pasé por alto / me hizo rascarme la cabeza:

1. Hay un error tipográfico debajo de " Usage " ;, <% rendimiento: cabeza% > debe ser <% = rendimiento : head% >
2. Si quieres usar más que la barra de herramientas básica, necesita incluir a) la preconfiguración perfil ob) los elementos de la barra de herramientas y complementos necesarios para esos elementos en AMBOS la llamada include_puny_mce Y la puny_mce llamada. Esto hace sentido - el <=> es instruyendo a la página en la cual JavaScripts necesita, y el <=> llamada en realidad está construyendo la salida de JavaScript requerida para generar el rico editor.

Aquí hay un ejemplo que preparé para demostrar:

<% content_for :head do %>
  <%= include_puny_mce :profiles => [:full] %>
<% end %>

<h1>New post</h1>

<% form_for(@post) do |f| %>
 <%= f.error_messages %>
 <%= f.label :title, "Title" %><br />
 <%= f.text_field :title %><br />
 <%= f.label :content, "Post Content" %><br />
 <%= f.text_area :content, :cols => 100 %>
 <%= puny_mce 'post_content', 'post_content', :profile => :full %>
 <p>
     <%= f.submit 'Create' %>
 </p>
<% end %>

¡Espero que esto ayude!

Answer 3

No estoy seguro si entiendo completamente la pregunta, pero si solo pregunta qué editor usar, hay muchas opciones y ninguna de ellas es cuestión de Rails; puede usar cualquiera de ellas simplemente agregando un pedacito de javascript en tu marcado. Puede encontrar una descripción general actualizada y agradable aquí: http://bulletproofbox.com/web-based-rich-text-editors-compared/ .

Answer 4

Hay una serie de lenguajes de plantillas implementados para Rails que proporcionan una sintaxis relativamente simple para el marcado. He usado RedCloth antes, una implementación de gema de Textile ( http://redcloth.org/ ), y es Bastante bien. Cosas como Liquid ( http://www.liquidmarkup.org/ ) son un poco más potentes, permitiendo plantillas para incluir información de la base de datos en línea. Dependiendo de las necesidades de su proyecto, ambos podrían ser una buena opción.

Ninguna de estas soluciones por sí sola daría un editor de texto enriquecido en el lugar, pero es un buen punto de partida en el backend para lo que podría ser una solución directa. Sin embargo, si solo está permitiendo que los administradores ingresen información, me imagino que no tendrían miedo de una pequeña entrada de texto sin formato.

Answer 5

El enlace en la respuesta de Milán está roto. Afortunadamente, Ajaxian.com hizo un buen resumen de la publicación con enlaces a todos los diversos RTE en la publicación y sus comentarios.

Enlace: http://ajaxian.com/archives/richtexteditors-compared

Answer 6

Sé que esta amenaza es bastante antigua, pero me encontré buscando algunas buenas opciones hace unas semanas, por lo que en caso de que alguien más se enfrente al mismo problema que yo, le doy una respuesta más resentida. Entonces mi editor favorito es Froala ( wysiwyg-editor si está usando rails) que se ve limpio, es fácil de manejar y admite videos incrustados, carga de imágenes, carga de archivos y es totalmente personalizable hasta un punto en el que incluso puede haga que sea sencillo para los usuarios de back-end sin ningún conocimiento de desarrollo receptivo para colocar los elementos correctamente en la página para que sean totalmente receptivos. Hemos utilizado este editor para varios proyectos ahora y a los clientes les encanta.

La documentación es satisfactoria, pero podría ser mejor si la está utilizando con marcos como Rails y Django (como lo hacemos nosotros). Pero creo que está mejorando mensualmente.

Otro editor muy prometedor es Quill ( quill-rails si está utilizando rails). Todavía no lo hemos usado para proyectos, sino para experimentar. Una vez que tengamos más experiencia, publicaremos algunas notas aquí y SSC .

Por último, si desea hacer u ofrecer una edición front-end receptiva, puede echar un vistazo a editable en x . Echa un vistazo a la demostración: ¡está bastante bien!