I'm working on a Rails project and I'm in need of a user-friendly WYSIWYG. I'll say this about the type of people using it: Whatever you think of as user-friendly, perhaps think one step below that (not an insult, just a realization).
Ideally, I'd like something where one could have basic functionality (lists, links, bold, italic) and see in real-time. Kind of like OH MY GOSH IT'S RIGHT HERE IN STACK OVERFLOW AS I CREATE THIS POST.
So, um, yeah: something like this would be excellent (although I'd prefer the windows be side-by-side rather than this editor-on-top situation, but I won't be picky).
I'd suggest to use gem ckeditor it's really perfect solution, i used it recently in my Rails 3.2 project
A pretty cool and fancy one is Sir Trevor JS. There is also a gem
We use TinyMCE quite a bit.
No unbelievable feature set or anything, but it does have a nice jQuery integration plugin (which goes a long way for us).
The live preview functionality seems very doable.
If your project is non commercial you can use this
Froala
I've been using Bootsy. It's simple and easy to use, however I have not been able to get the "image" upload => carrierwave to store on S3 servers. But everything else with it is fantastic.
Use Trix by Basecamp:
Trix is an open-source project from Basecamp, the creators of Ruby on Rails. Millions of people trust their text to Basecamp, and we built Trix to give them the best possible editing experience.
You can use Mercury its a full featured HTML5 editor
gem 'mercury-rails'
rails generate mercury:install
http://jejacks0n.github.io/mercury/
github: https://github.com/jejacks0n/mercury
Old question but check out froala: https://github.com/froala/wysiwyg-rails
and the plugins main homepage https://www.froala.com/wysiwyg-editor
Related
I have a normal view in html in Rails, containing images and links. How do I turn it to be responsive? (I want it to fit also mobile browser sizes, make it html5)
I know I should use fluid, but what is the full command? Or is there another/better way directly from the text editor?
Rails has limited control on the HTML that comes on to the browse.
Try looking at frameworks like Bootstrap or Foundation.
There are some gems that can help you
Foundation-rails
twitter-bootstrap-rails
There is also a railscast episode on Bootstrap basics.
This has nothing much to do with Rails. Rails is a server side language and responsive templates are frontend (html/css) dependent.
However if you are specifically using bootstrap as many beginners do, you could try : https://github.com/seyhunak/twitter-bootstrap-rails gem for a quick integration of things.
I have been doing UI research and have come across admin templates at http://themeforest.net/. I was wondering how do you apply these onto a web app built on Rails. These templates look very similar to wordpress themes. Are they that easy to configure? Is it just as simple as setting up a link to the database to make the fields form capture data? I've been looking at this theme.
For admin templates I recommend using Active Admin. It's relatively easy to implement and gives you great admin screens with little effort.
Yes, You can. I'm trying to solve the same problem and so far I have a couple options:
1.) do it by hand, I've done this before, it works but takes a lot of time to truly understand how your theme is put together. First I would recommend using the included themes assets exactly as they are bundled with the theme. Don't assume that just because you have twitter-bootstrap-rails gem that the bootstrap classes in the theme will work. Link the assets statically and slowly extract out the static assets and replace them in the asset pipeline once you know they work.
2.) Use the strategy suggested in the install_theme gem (http://drnicwilliams.com/2009/10/06/install-any-html-themetemplate-into-your-rails-app/) the gem itself is not maintained any longer (i'm not sure about any forks), but the strategy is sound. Extract the core parts of the template into partials.
The short answer is yes, but there is no straight forward way to "import to rails"
I'm a developer and not a designer. I'm not looking for something fancy just basic but nice styling.
I used Nifty Generator before which generates some styling but I was looking for something different. Maybe different Themes that automatically styles forms/colors of the app.
Any ideas?
https://github.com/seyhunak/twitter-bootstrap-rails
Twitter Bootstrap for Rails gem is a great way to build apps that look professionally designed. Built by #mdo and #fat at Twitter they made it so they could create great looking rapid prototypes. You can learn more about Bootstrap here: http://twitter.github.com/bootstrap/
Highly recommended.
https://github.com/pilu/web-app-theme
Web App Theme is skinnable, you can download additional themes for it too. There are examples and links on the github page.
Can anyone recommend a way of creating a view where users can upload images to my app through a WYSIWYG editor?
I've tried solving this using CK Editor and Paperclip but am having lots of trouble... Maybe I'm going about this the wrong way.
If someone's done this before I'd really like to know how! I don't have a editor or file storage mechanism preference so fire away...
This is all dependent on the WYSIWYG's file upload API. From there, just build an ImagesController to handle requests from that API, use whatever system (Paperclip is good) to handle those files internally, and you should be good to go. You won't find a plug-and-play solution; you'll have to hand-roll it.
Turns out that, with more targeted Google searching, you can find a preexisting solution. Here's one for TinyMCE and Rails. You may, however, end up finding that it doesn't meet your needs, in which case I would not be surprised to find that creating your own solution would be simpler than you expect :)
You could try Bootsy. It's a WYSIWYG editor with image upload capability. Includes a (rather simple) image manager as well.
https://github.com/volmer/bootsy
There is an other solution for rails out there:
https://github.com/spohlenz/tinymce-rails
You can load it as gem and configure it via a yml file. And it comes with an extra language gem.
I have been using tinyMce_hammer plugin to use tinymce in my rails app... but right now I also want a way for my users to upload photos and insert them into their wysiwyg editor.... is there a simple way to get this done??.. is there any other wysiwyg editor that works with rails and comes with this feature built in??... what do you reccomend?
These two plugins claim to offer it - Rails 2.3 - https://github.com/andreferraro/rails_tiny_mce
Rails 3 - https://github.com/sandipransing/rails_tiny_mce
I don't think there's an easy way to do this in any of the common rich text editors. I usually have a separate section where users can upload photos and then choose from a variety of layout options.
TinyMCE has a couple of commercial image and file management plugins, but they are based on PHP and .Net. However, I haven't seen a Rails version. It's not particularly hard to build your own image manager using a plugin like paperclip and hook into TinyMCE.