¿Cuáles son las mejores opciones para editar texto enriquecido en Rails?

Question

Me gustaría utilizar Rich Text Editing en su lugar en los formularios para permitir a los administradores cambiar las instrucciones. ¿Cuáles son las mejores opciones para hacer esto?

[Para ser más claro, los administradores no son técnicos, pero es posible que desee controlar algunos formatos sin utilizar el marcado o con el menor marcado posible. Lo que me gustaría es que puedan editar en línea todo AJAXy 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. La API más fácil de implementar, más nítida, más fácil de usar en línea, etc. ...]

Answer 1

Para Tumblon, empezamos con TinyMCE pero están cambiando a Yahoo de Rich Text Editor porque había algunos problemas extraños con el camino TinyMCE funcionó y porque los ricos documentación editor de texto por defecto y look-and-feel es superior.

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

Answer 2

No estoy seguro si entiendo completamente la pregunta, pero si solo pregunta qué editor usar, hay muchas opciones y ninguna de ellos es una cuestión de Rails: puede usar cualquiera de ellos simplemente agregando una pequeña porción de javascript en su marcado. La descripción agradable y actualizada se puede encontrar aquí: http://bulletproofbox.com/web-based-rich-text-editors-compared/.

Editar: Se modificó el enlace a google cachce, ya que el enlace original no funciona.

Answer 3

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 bueno. Cosas como Liquid (http://www.liquidmarkup.org/) son un poco más potentes, lo que permite que las plantillas realmente incluyan 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 lugar a un editor de texto enriquecido, pero son un buen punto de partida en el back-end para lo que podría ser una solución de reemplazo. Sin embargo, si solo permites que los administradores ingresen información, me imagino que no temerían una pequeña entrada de texto sin formato.

Answer 4

El enlace en la respuesta de Milan está roto. Afortunadamente Ajaxian.com hizo un buen resumen de la publicación con enlaces a todas las diversas RTE en la publicación y sus comentarios.

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

Answer 5

He pasado por luchas similares en el pasado, y se habían asentado en YUI. Desafortunadamente, los resultados de YUI (al menos para mí, y reconocidamente, me apresuré y nunca volví a factorizar), en horrible html.

Entonces esta noche, cuando tropecé con esta publicación, encontré PunyMCE. Hay 2 cosas increíbles al respecto: 1) es increíblemente ligero (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 bueno, a excepción de un par de cosas que pasé por alto/me tenía rascándome la cabeza:

1. Hay un error tipográfico en "Uso", <% rendimiento: la cabeza%> debería ser <% = rendimiento : la cabeza%>
2. Si desea utilizar más de la barra de herramientas básicas, es necesario incluyen ya sea a) la pre-configuración perfil o b) los elementos de la barra y plugins necesarios para esos artículos en TANTO include_puny_mce llamada Y la llamada puny_mce. Esto hace sentido - la include_puny_mce es instruir a la página en la que javascripts que necesita, y la llamada puny_mce es en realidad la construcción de la salida Requiere Javascript para generar el editor visual.

Este es un ejemplo que puse juntos 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 6

Sé que esta amenaza es bastante antigua, pero encontré algunas buenas opciones hace algunas semanas, así que si alguien más enfrenta el mismo problema que yo, doy una respuesta más resentida. Así que mi editor favorito es Froala (wysiwyg-editor si usa rieles) que luce limpio, es fácil de manejar y admite videos incrustados, carga de imágenes, carga de archivos y es totalmente personalizable hasta un punto que incluso puede simplificar para usuarios de back-end sin cualquier conocimiento de desarrollo receptivo para colocar los elementos correctamente en la página para que sean totalmente receptivos. Hemos usado este editor para un número de proyectos ahora y a los clientes les encanta.

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

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

Por último, si desea realizar u ofrecer una edición interactiva de la interfaz de usuario, le recomendamos echar un vistazo al x-editable. Echa un vistazo a la demo, ¡es muy bonita!