2011-01-04 11 views
13

Estoy buscando agregar un editor a mi aplicación, similar al de Stackoverflow. Realmente solo necesito un formato básico (espaciado de línea, negrita, viñetas, etc.) y la capacidad de distinguir el código (el mismo estilo que SO).good Rails 3 editor WYSIWYG?

¿Alguien sabe de alguna buena solución para esto?

Gracias!

Respuesta

0

Puede usar cualquier biblioteca WYSIWYG javascript genérica. Aquí está WMD Editor, es compatible con Markdown, que puede renderizar desde su aplicación Rails usando Bluecloth 2.

1

Definitivamente le recomiendo que pruebe Wysihat-Engine. Resolvió mi problema de encontrar un editor wysiwyg simple para mi aplicación. Es sin costuras, incluso más si usas clip para papel. Es un envoltorio alrededor del 'WYSIHAT' escrito por 37signals.

+0

Está bien, pero este editor tiene muchos problemas, también es muy difícil de personalizar. – fivetwentysix

+2

FYI, 37signals 'Wysihat depende de Prototype (!) Por su magia. A menos que use Prototype (!), Este no es el editor de Wysiwyg que está buscando. –

2

Es mejor utilizar tinyMCE

Su Fácil de usar, lo que tiene que hacer sólo tiene que añadir <%= f.text_area :body, :rows => 20, :cols => 100, value: @some_object.body ? @some_object.body : '' %>

Y utilizar esta secuencia de comandos en línea de esa página en sí:

<script type="text/javascript"> 
    tinyMCE.init({ 
    mode: 'textareas', 
    theme: 'advanced', 
    theme_advanced_toolbar_location : "top", 
    theme_advanced_buttons1 : "bold,italic,underline,separator,justifyleft,justifycenter,justifyright, justifyfull,forecolor,backcolor,formatselect,fontselect,fontsizeselect, link,unlink, image" 
    }); 
</script> 

Como mención su solo requirió solo el formato básico así que simplemente cambió theme_advanced_buttons.

+0

Una forma aún más simple de lograr eso con tinyMCE es usar la gema https://github.com/spohlenz/tinymce-rails – fotanus

6

tinyMCE, NicEdit, WYMeditor y Redactor son opciones posibles. StackOverflow usa el editor de WMD, pero es difícil encontrar un repositorio actualizado para él. Si utiliza el marco Bootstrap de Twitter, entonces bootstrap-wysihtml5 es una buena opción.

Para TinyMCE hay gemas de Ruby adecuadas que facilitan la integración en Rails, es decir, tinymce-rails y tinymce-rails-imageupload.

CKEditor, el anterior FCKeditor, es uno de los editores WYSIWYG más populares.

Cuestiones relacionadas