Ruby on Rails, JRuby, AWS, EC2, Exalead - Choosing a simple, lightweight WYSIWYG editor Comments

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Rob Anderton

2010-07-16T22:05:47Z

@wout: looks very nice, the UI (especially for headings) is miles better than widgEditor. We've also been using uEditor recently, a port of widgEditor for jQuery which is our current Javascript framework of choice. Now if someone can do a jQuery version of yours I'll be very happy :)

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Wout

2010-06-24T20:00:23Z

Hi,

I'm the author and maintainer of the Qutensil (http://qutensil.com) toolset. In a search for a lightweight rich text editor myself I came across this post. For a few years now I'm struggling with this issue. TinyMCE is not so tiny, way too heavy actually. CKEditor is great but not free, WidgEditor is ok but underdeveloped, nicEdit produces horrible HTML and is not really Webkit friendly, and I could go on...

Your post inspired me to start writing a new editor that is lightweight, Prototype-based, customizable and produces clean output (no <font> tags etc.). It is still in beta but all input is welcome! http://qutensil.com/pages/qtextarea

We're also working on a Rails gem to make it even easier to use Q.js in your Rails apps.

Wout

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Subodh D. Choure

2010-05-11T05:59:55Z

Hi! I tried using widgEditor on pages to add new description field for my application. I followed the steps mentioned here. The editor appears on the page , but unable to add and edit the content. It gives following message :

" We're sorry, but something went wrong.

We've been notified about this issue and we'll take a look at it shortly. "

My form is :

<% form_for(@forum) do |f| %> <%= f.error_messages %>

<%= f.label :name %>
<%= f.text_field :name %>

<%= f.label :description %>
<%= f.text_area :description , :rows=>4, :class=>"widgEditor" %>

<%= f.label :status %>
<%= f.text_field :status %>

<%= f.submit 'Create' %>

<% end %>

<%= linkto 'Back', forumspath %>

And the contoller code is :

def new @forum = Forum.new @subject = Subject.find(params[:id]) respond_to do |format| format.html # new.html.erb format.xml { render :xml => @forum } end end

# GET /forums/1/edit def edit @forum = Forum.find(params[:id]) end

# POST /forums # POST /forums.xml def create @forum = Forum.new(params[:forum])

respond_to do |format|
  if @forum.save
    flash[:notice] = 'Forum was successfully created.'
    format.html { redirect_to(@forum) }
    format.xml  { render :xml => @forum, :status => :created, :location => @forum }
  else
    format.html { render :action => "new" }
    format.xml  { render :xml => @forum.errors, :status => :unprocessable_entity }
  end
end

end

Please help me if somebody had solution for this. Or write me - subodh.dhruwaraj@gmail.com

Thanks

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Foton

2009-12-08T20:47:50Z

To Mohan: you have maybe the same error when sending post params . Cause is way that widgEditor rename fields. Solution is on http://www.elctech.com/snippets/-solved-500-internal-server-error-string-not-matched

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Rob Anderton

2009-07-11T22:25:26Z

Yep, it doesn't seem to do anything with dimensions. I think there's an issue tracker for it on Google code, so it might be worth posting on there.
Rob

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Ray Parker

2009-06-29T19:24:41Z

cols and rows (or size) don't seem to have any effect.

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by تبلیغات

2008-12-21T02:04:45Z

thanks for your great solution.

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by dingo

2008-10-31T12:28:02Z

ha, it works! thanks.

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Alex

2008-09-08T03:09:45Z

Anyone else find this is interfering with remoteformfor? Works fine without, forces a text-render of the update with...

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Don

2008-08-07T21:16:08Z

Rob,

It worked! Thanks so much!

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Rob Anderton

2008-08-07T19:31:16Z

It sounds like you're HTML encoding the text. If you're doing something like this:

<%= h(@object.method) %>

Then getting rid of the call to h() should fix it.

As an aside, if you want to prevent your users from doing anything crazy in their HTML you should take a look at the Rails sanitize helper.

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Don

2008-08-07T19:00:28Z

I am trying to get this to work, but when I look at the "show" view, my text is not formatted as html, but you only see the tags that were added by the wysiwyg. What did I do wrong?

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Rob Anderton

2008-07-22T13:12:48Z

I've not had this problem before. I'd be interested to see what the rest of your page template looks like as it may give some clues as to what is going wrong.

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Mohan

2008-07-19T11:05:04Z

I tried to integrate this editor and everything went well.Editor appeared in the form.but i could not get the value of text area using params.

This is my code text area in the form <%= text_area 'blog', 'description', :cols => 25, :rows => 3, :class=> "widgEditor"%>

when i submit the form. i could not get the value of description.Actually params[:description] is not passed.Anybody have faced this problem.

let me know

Thanks, Mohan

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by Rob Anderton

2008-07-01T13:24:05Z

Hi amy,

Looking at the code it seemed like something like this would work:

document.getElementById('text_field_id').value = 'hello!'; 
widgEditor.refreshDisplay();

But this obviously won't work because there is no way of accessing a widgEditor once it has been created.

You might want to try the solution posted by tpbriano on the widgEditor issue tracker, it uses an array to keep track of individual widgEditors and provides a function to update the content of a specific widgEditor.

Hope that helps,
Rob

Comment on 'Choosing a simple, lightweight WYSIWYG editor' by amy

2008-06-26T15:22:48Z

do you know how to change the displayed text within the textarea once the form is displayed. (just show different texts in one textarea, no submit) i try to replace the text.value but this is not enough (too simple). Once the right text is accepted by the user (found) it can be changed interactive (editor).