Smart package for x-editable in place editor
JavaScript Other
Latest commit 0762d54 Nov 4, 2015 @nate-strauser version bump

README.md

meteor-x-editable

The x-editable in-place editor with Twitter Bootstrap, repackaged for Meteor.

Install

meteor add natestrauser:x-editable-bootstrap

NOTE: The latest branch uses the Bootstrap 3 build of x-editable. If you are still using Bootstrap 2 and on Meteor 0.8.3 or earlier, install v1.4.6.3 using Meteorite instead of the latest.

textarea example

template

<p id="textArea" class="editable" data-type="textarea" data-placeholder="Enter text" data-emptytext="Click to enter text" data-rows="4">{{textAreaContent}}</p>

rendered callback

The short answer:

$('#textArea.editable').editable({
  success: function(response, newValue) {
    <do something with newValue - usually a collection.update call>
}});

The long answer: trying to use x-editable properly on Meteor 0.8 with reactive updates can get interesting. If there is a lot of concurrency in your editing, you will want to consult the information and links in this StackOverflow post.

version history

1.5.1

  • Updated to use BS3 build of x-editable 1.5.1.

1.4.6.2

  • Added example and updated readme to reflect operation under meteor 0.8.0+ (syntax is more simple with blaze)