ruby on rails - richtexteditor - WYSIWYG editor joya para Rails?

trix editor demo

Question

¿Hay una buena gema ruby ​​para un editor WYSIWYG que funcione fácilmente con una aplicación de rieles?

Answer 1

Aunque ciertamente no es una respuesta directa, en el pasado he descubierto que prefiero usar RedCloth (o un analizador de Markdown si no disfrutas de Textile) y usar un área de texto simple con una vista previa de AJAXy. En términos generales, los editores WYSIWYG tienen una larga historia de creación de etiquetas redundantes y similares, lo que lleva a pedazos de HTML potencialmente rotos.

Answer 2

No estoy seguro acerca de Ruby Gem, pero TinyMCE es un editor WYSIWYG configurable , generalmente estable, que es bastante simple de integrar con cualquier proyecto. Lo he usado varias veces.

Answer 3

Yo uso el plugin FCKEditorOnRails: http://github.com/UnderpantsGnome/fckeditor_on_rails/tree/master

Tenga en cuenta que, en general, puede incluir la última versión de FCKEditor sin demasiados ajustes si se encuentra con errores en la versión anterior.

Answer 4

Hay un complemento para usar TinyMCE con rieles, mucha información en la wiki de rieles .

Answer 5

Si bien sé que esto se ha respondido, quería agregar sobre el uso de textiles ... Estoy completamente de acuerdo, pero recomendaría procesarlo en un filtro before_save . Digamos que tiene un campo de base de datos llamado " details ": simplemente agregue uno llamado " details_html ". Entonces haz algo como esto ...

before_save :convert_details

def convert_details
  return if self.details.nil?
  self.details_html = RedCloth.new(self.details).to_html
end

RedCloth puede engordar un poco y si procesa constantemente las cosas en cada procesamiento, se encontrará con algunos problemas de memoria ... esto solo ayudará a reducir algunos de sus recursos necesarios.

Answer 6

+1 para FCKEditor: hay un excelente plugin de Rails que incluye ayudantes. Sin embargo, a menudo es excesivo, ya que cuenta con todo. En muchos casos, algo un poco más simple como el editor WYSIWYG de jQuery es ideal para envolver una entrada de área de texto.

Answer 7

Eche un vistazo a http://livepipe.net/control/textarea para ver un editor de marcas WYSIWYG con la vista previa de AJAXY mencionada en la respuesta elegida.

Answer 8

Actualización para 2010. Acabo de implementar TinyMCE en una aplicación de Rails utilizando la joya tinyMCE.

Puede encontrarlo aquí: http://github.com/kete/tiny_mce

Tomó menos de 5 minutos y en mis pruebas básicas, está funcionando perfectamente. Hubo un compromiso en junio de 2010, por lo que parece que se trata de una joya desarrollada activamente.

Espero que ayude a algunos googlers.

Answer 9

Realmente amo la gema de CKeditor. Es mucho, mucho más elegante que TinyMCE, especialmente si trabajas con HTML sin formato. CKeditor muestra en la página - TinyMCE da una ventana emergente. CKeditor también permite el acceso a elementos como todos los encabezados de la caja. TinyMCE requiere piratería.

La incapacidad de RedCloth para admitir TODO HTML fue un obstáculo para mí. (¡Entre otras cosas, no puedes soportar dar una imagen con una descripción O un pie de foto!) No me importó tanto el margen de beneficio como la completa falta de flexibilidad. Además, era como aprender un nuevo idioma: gran parte del marcado era lo contrario de lo intuitivo (como la alineación de la imagen), y no podría imaginarme pidiéndoles a los colaboradores que lo aprendan.

Para comentarios, usaré algo mucho más ligero, sin embargo.

Answer 10

Tuve malas experiencias con CKEditor (gem "ckeditor"). Pude hacer que funcionase en la máquina local, pero tuve muchos problemas al intentar implementarlo en Heroku. Parece que el código es demasiado pesado para precompilar automáticamente el código. en Heroku ... Eso significa que es bastante inútil ...

EDITAR: Solución: asegúrese de precompilar javascript antes de implementarlo en Heroku.

Answer 11

Yo usaría Tiny MCE, es una solución de Java Script que he integrado con aplicaciones web para editar HTML.

http://www.tinymce.com/

Answer 12

Una pregunta similar: ¿Cuál es el mejor WYSIWYG para Rails - Ruby on Rails Blog

Acabo de pegar mi misma solución aquí también.

Le sugiero que pruebe WYSIHAT. El mayor problema con los editores mencionados anteriormente es su tamaño voluminoso y "difícil de personalizar" (capacidad). El código incorrecto en la mayoría de estos editores es una gran desconexión. WYSIHAT es más como un marco para un editor WYSIWYG. Extremadamente fácil de personalizar. Fácil de configurar. Y qué más ... Está respaldado por 37 señales. Lo que apreciaría de TinyMCE es su característica de pegar desde la palabra que conserva el diseño. Pero si no fuera por esa característica, el resto me parece muy voluminoso.

Por favor, lea este artículo: http://37signals.com/svn/posts/1330-introducing-wysihat-an-eventually-better-open-source-wysiwyg-editor

Tutorial sobre el uso de WYSIHAT: Parte 1: http://jrmehle.com/2009/01/25/wysiwhat-wysihat-part-1/

Parte 2: http://jrmehle.com/2009/02/13/wysiwhat-wysihat-part-2/

Y para hacer su vida aún más fácil, hay un increíble motor de rieles desarrollado por Jeff Kreeftmeijer (80beans.com) para el editor 37signals WYSIHAT: http://github.com/80beans/wysihat-engine

Y aquí hay un artículo de Jeff Kreeftmeijer: http://www.80beans.com/2009/10/01/wysihat-engine/