StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Most rich text editors for the web use JavaScript. These are some popular ones you could consider</p> <ol> <li><a href="https://github.com/akzhan/jwysiwyg" rel="noreferrer">jwysiwig</a></li> <li><a href="http://markitup.jaysalvat.com/home/" rel="noreferrer">markitup</a> </li> <li><a href="http://redactorjs.com/" rel="noreferrer">Redactor</a> (This is great jQuery based wysiwyg editor that also has a Rails extension I've linked to below.)</li> <li><a href="http://jhollingworth.github.com/bootstrap-wysihtml5/" rel="noreferrer">Bootstrap-wysihtml5</a> (If you're looking for a Twitter Bootstrap style editor)</li> </ol> <p>Of course, you could also consider heavy-weight alternatives like TinyMCE or CKEditor, if your needs are such.</p> <p><strong>Ruby on Rails Solutions</strong></p> <p>If you need to able add images to your textarea through a Ruby on Rails library, such as <a href="https://github.com/thoughtbot/paperclip" rel="noreferrer">Paperclip</a> or <a href="https://github.com/jnicklas/carrierwave" rel="noreferrer">Carrierwave</a>, you may consider one of these</p> <ol> <li><a href="https://github.com/galetahub/rails-ckeditor" rel="noreferrer">rails-ckeditor</a> </li> <li><a href="http://jejacks0n.github.com/mercury/" rel="noreferrer">Mercury</a> (<a href="http://railscasts.com/episodes/296-mercury-editor" rel="noreferrer">Railscast</a>)</li> <li><a href="https://github.com/sandipransing/rails_tiny_mce/tree/rails_3" rel="noreferrer">rails_tiny_mce</a></li> <li><a href="https://github.com/SammyLin/redactor-rails" rel="noreferrer">redactor-rails</a></li> </ol> <p><strong>The Problem with using a usual JavaScript Editor</strong></p> <p>Most javascript editors will prompt for a URL when you try to add an image to your textarea, so if you need to do so, you may have to upload the image elsewhere and provide the editor with the URL.</p> <p>There is however one JavaScript editor I found, <a href="http://nicedit.com/" rel="noreferrer">http://nicedit.com/</a>, that does an AJAX upload to <a href="http://imageshack.us" rel="noreferrer">http://imageshack.us</a> when you add an image. Of course, the images that are served will become totally dependent on imageshack which may or may not work for you. It really depends on your scenario. </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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