ruby-on-rails - rails - ruby tutorial

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

Question

Me gustaría utilizar Rich Text Editing en su 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 es posible que quieran controlar algunos formatos sin usar el marcado o con el mínimo 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 plugins 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 clara, más fácil de usar en línea, etc.]

Answer 1

El enlace en la respuesta de Milán 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 2

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, permitiendo 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 un editor de texto enriquecido en el lugar, 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 3

He pasado por luchas similares en el pasado y me había conformado con 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 buena, excepto por un par de cosas que pasé por alto / que me hicieron rascar la cabeza:

1. Hay un error tipográfico en "Uso", <% rendimiento: cabecera%> debe ser <% = rendimiento: cabecera%>
2. Si desea utilizar más que la barra de herramientas básica, debe incluir ya sea a) el perfil de preconfiguración ob) los elementos de la barra de herramientas y los complementos necesarios para esos elementos, puny_mce en la llamada include_puny_mce Y en la llamada puny_mce . Esto tiene sentido: el include_puny_mce está instruyendo a la página sobre qué javascripts necesita, y la llamada a puny_mce está construyendo la salida javascript requerida para generar el editor enriquecido.

Aquí hay un ejemplo que armé 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 4

No estoy seguro si entiendo completamente la pregunta, pero si solo pregunta qué editor usar, hay muchas opciones y ninguna de ellas es una cuestión de Rails: puede usar cualquiera de ellas simplemente agregando una pequeña pieza de javascript en su marcado. Puede encontrar una buena y actualizada descripción general 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 5

Para Tumblon , comenzamos con TinyMCE, pero estamos cambiando al editor de texto enriquecido de Yahoo porque 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 6

Sé que esta amenaza es bastante antigua, pero encontré algunas buenas opciones hace algunas semanas, por lo que, en caso de que alguien más esté enfrentando el mismo problema que yo, daré una respuesta más resentida. Mi editor favorito es Froala ( wysiwyg-editor si usa rieles) 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 que puede hacer que sea simple para backend usuarios sin ningún 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 usa 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 a x-editable . Echa un vistazo a la demo, ¡es muy bonita!