Databases
StackOverflow2013
Postsdbo
POMaking a basic SO-like WYSIWYG editor in Rails
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMaking a basic SO-like WYSIWYG editor in Rails
    primarykey
    data
    text
    <p>I am relatively new to Rails, having recently completed Hartl's Rails Tutorial, and am now embarking on my first full fledged project. What I am interested in adding to my web app is something similar to the text input feature in SO, where you could type, and see directly how your text will turn out. After <a href="http://epochwolf.com/blog/2010/01/18/using-bluecloth-20/" rel="nofollow noreferrer">some</a> <a href="https://stackoverflow.com/questions/3578825/rendering-markdown-text-in-rails-3">digging</a> <a href="https://stackoverflow.com/questions/3602040/bluecloth-isnt-working-with-rails-3">around</a> on SO, I have decided on using the gem <code>bluecloth</code>, which is Markdown implemented in Ruby, but now have the following questions:</p> <ol> <li>I am unsure about how to tie what <code>bluecloth</code> outputs to the <code>form_for</code> helper. My understanding was that you could convert to strings via the function <code>html = BlueCloth.new(str).to_html()</code>, but I am unsure what to do when you have a text field as part of <code>form_for</code>, where I should plug in the bluecloth part? In other words, I am still a bit confused about the magic of typing in one box and seeing the item show elsewhere on the page.</li> <li>Are the WMD bar button items and functions included Markdown editors (such as bluecloth), or would this be something I have to build manually? If so, how would I get something like the <strong>bold</strong> button to show "** **" in the editor as you type?</li> </ol> <p>Thanks for your help!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USdaspianist
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. COwhats wrong with a premade solution such as tinymce-rails ?
      singulars
      1. POMaking a basic SO-like WYSIWYG editor in Rails
      1. USAndrew Wei
    2. CONothing wrong at all :) I just started researching these editors, so haven't happened upon tinyMCE yet. I just looked at it though, and there seem to be an overwhelming amount of editing options. Would I be able to selectively install and configure it to just be a select few?
      singulars
      1. POMaking a basic SO-like WYSIWYG editor in Rails
      1. USdaspianist
    3. COfrom my understanding, BlueCloth converts text to html. Meanwhile tinyMCE is a complete WYSIWYG solution with better documentation.
      singulars
      1. POMaking a basic SO-like WYSIWYG editor in Rails
      1. USAndrew Wei
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload