jEditable TinyMCE Plugin

Posted At : June 12, 2008 1:25 PM | Posted By : Sam
Related Categories: Web-Applications,Javascript,Development,ColdFusion

Over the past view weeks, I've been working with Mika Tuupola, author of the jEditable jQuery extension. jEditable makes edit in place forms easy, and is itself extensible, allowing the creation of custom edit types, such as a date picker.

I've been using TinyMCE as a richtext editor, and decided to create a custom edit type for jEditable that makes TinyMCE easy. Mike added a few additional customization hooks that enabled me to complete the plugin, and I've included example code below. This example is not meant to be a full and complete explanation, so make sure you dig into the jEditable and TinyMCE documentation.

A big thanks to Mike for his help. He has released the updated jEditable code that contains some additional hooks needed by my example code below.

First, I include the necessary javascript files for each library. Your specific versions or names may vary:

<script src="/resource/tiny_mce/tiny_mce_src.js" type="text/javascript"></script>
<script src="/resource/jquery/jquery-1.2.3.js" type="text/javascript"></script>
<script src="/resource/jquery/jquery.jeditable.js" type="text/javascript"></script>

Then, I setup TinyMCE, and the TinyMCE jEditable plugin as well:

<script type="text/javascript">

$.fn.tinymce = function(options){
   return this.each(function(){
      tinyMCE.execCommand("mceAddControl", true, this.id);
   });
}

function initMCE(){
   tinyMCE.init({mode : "none",
      theme : "advanced",
      theme_advanced_toolbar_location : "top",
      theme_advanced_toolbar_align : "left",
      theme_advanced_statusbar_location : "bottom",
      theme_advanced_buttons1 : "bold,italic,underline,strikethrough,separator,bullist,numlist,undo,redo,link,unlink",
      theme_advanced_buttons2 : "",
      theme_advanced_buttons3 : "",
      theme_advanced_resizing : true});
}

initMCE();


$.editable.addInputType('mce', {
   element : function(settings, original) {
      var textarea = $('<textarea id="'+$(original).attr("id")+'_mce"/>');
      if (settings.rows) {
         textarea.attr('rows', settings.rows);
      } else {
         textarea.height(settings.height);
      }
      if (settings.cols) {
         textarea.attr('cols', settings.cols);
      } else {
         textarea.width(settings.width);
      }
      $(this).append(textarea);
         return(textarea);
      },
   plugin : function(settings, original) {
      tinyMCE.execCommand("mceAddControl", true, $(original).attr("id")+'_mce');
      },
   submit : function(settings, original) {
      tinyMCE.triggerSave();
      tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
      },
   reset : function(settings, original) {
      tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
      original.reset();
   }
});
</script>

This next block of code initializes TinyMCE, first as a regular jQuery plugin (not in place editable), and then as the jEditable enabled in place editor:

<script type="text/javascript">
$(function(){
   $('#foo').tinymce();
   
   $("#bar").editable(function(value, settings){
      console.log(this, value, settings);
      return value;
   
   }, {
      type : 'mce',
      submit : 'OK',
      indicator : "Saving...",
      tooltip : 'Click to edit...',
      width : '500px',
      height : '100px'
   });
});

</script>

In this example, both of the selected elements are HTML textareas. Clearly, your settings for jEditable and TinyMCE will change with your own needs, but this should get you started.

Finally, a big thanks to Mike, for writing the jEditable plugin in the first place, and for being so supportive and patient in helping me write this TinyMCE plugin!

Edited 24Jan09: Applied IE6 Fix as recommended by Rick in comments.

Comments (38) | Print | Send | del.icio.us | Digg It! | Linking Blogs | 9581 Views
Comments (Comment Moderation is enabled. Your comment will not appear until approved.)
[Add Comment]
Adam's Gravatar works perfectly! thanks...
# Posted By Adam | 10/27/08 5:26 PM
Jeremy's Gravatar Hi Sam, thanks for your hard work on this. It works beautifully in Firefox, in IE 7, I get an error on this line of code:

$.fn.tinymce = function(options){
return this.each(function(){
tinyMCE.execCommand("mceAddControl", true, this.id);
});
}

There error is Invalid Argument. I could care less about IE - but unfortunately our CTO uses IE. Has anyone seen this error before or have an idea of how to fix?
# Posted By Jeremy | 1/1/09 10:41 AM
Rick's Gravatar Hey Sam, great stuff, I'm really liking it!

One thing though... it worked great everywhere except on IE6 (ugh... I know) and I kept getting "Invalid Argument" errors. Finally fixed the problem by changing these lines:

width : '500px;',
height : '100px;'

I removed the semicolons to get

width : '500px',
height : '100px'

and that eliminated these problems in IE6

Thanks again for your great work!
# Posted By Rick | 1/23/09 3:08 PM
Sam's Gravatar Thanks for the note Rick. Encouraging words motivate me to post things like this. I've updated the post with the IE6 fix to make life easier for others that must deal with old browsers.
# Posted By Sam | 1/24/09 4:28 AM
Chris's Gravatar Thanks for the hard work - Your solution help me a lot!

Anyway I would like to know where to enter the url that the value from tiny_mce will be submited to. I tried this (as Id like to submit to someurl.php):

$("#pageContent").editable("someurl.php", function(value, settings){
          console.log(this, value, settings);
          return value;
       }, {
          type : 'mce',
          submit : 'Save',
          tooltip : 'Click to edit...',
          width : '500px',
          height : '100px',
          indicator : '<img src="../../images/ajax-loader.gif">',
       });

When I click on the content div#pageContent textarea appears but tiny_mce won't load? Any ideas on how to fix this?
# Posted By Chris | 1/28/09 3:34 AM
sean's Gravatar Great work!

I am trying to get the tinymce save toolbar button to work as the editable submit...
Any tips?
# Posted By sean | 2/6/09 6:03 AM
Michael Tutty's Gravatar Boy, I'm close. I'm having two problems:

1. I'd like to specify a CSS class for editable content on the page, and have any/all such elements be editable. I've got that working but don't seem to get the Escape/click-away/Cancel button functionality at all. Any ideas?

2. I'll also need to specify an ID for each editable element, to tell the server which chunk to save. Still using the CSS class selector to specify editable items, when I add an ID attr to an element, it comes up in edit mode immediately, and now even the OK button is gone.

Thanks!
M.
# Posted By Michael Tutty | 2/24/09 9:07 PM
Michael Tutty's Gravatar Got it. My own stupidity. I was using BOTH the always-on and in-place-activation examples at the same time. That's what I get for staying up late :)
# Posted By Michael Tutty | 2/24/09 10:00 PM
Young J Kim's Gravatar Hi Chris,
You can try this mehtod to send text area data to your php page:
$('#bar').editable('echo.php', {
indicator : '<img src="images/indicator.gif">',
type : 'mce',
submit : 'OK',
tooltip : 'Click to edit...',
width : '500px',
height : '100px'
});
# Posted By Young J Kim | 3/23/09 6:30 PM
Mike's Gravatar Hi Sam, I have just incorporated jeditable for all text inputs in my admin area, and proceeded to hooking it up with TinyMCE, as described here, however, it doesn't want to work. Has the code been recently changed? I followed the instructios here exactly, but couldn't find a step-by-step tutorial or a live demo anywhere, which would be great help. TinyMCE by itself seems to be working (as in $('#foo').tinymce(); , and then <textarea id="foo" class="jeditable">) , but as soon as I change it to "bar" - it becomes a simple text area... Any chance of a complete demo? Thanks!
# Posted By Mike | 6/15/09 5:03 PM
Mike's Gravatar I think I've figured it out - all I had to do is change textarea to div.. However, even though it's seemingly working I am still getting a "tinyMCE is not defined" error in Firefox JS error console, pointing to the line "tinyMCE.init({mode : "none","

Thanks.. and that demo would be awesome!
# Posted By Mike | 6/15/09 5:40 PM
ile's Gravatar Hi Sam,
This is really great work! I just wonder what is $('#foo').tinymce(); actually standing for? When I delete this, everything still works pefectly...
Thanks for this code!
# Posted By ile | 9/28/09 3:22 PM
John Prado's Gravatar The onblur:'cancel' isn't working.

I tried add the onblur to plugin code but didn't work:

onblur: function(settings, original) {
tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id") + '_mce');
original.reset();
}

Any clue in how to cancel the mce in the onblur event of jeditable?
# Posted By John Prado | 11/16/09 3:12 PM
Sebastien's Gravatar I'm also curious as to how to implement the onblur:cancel.

So far any attempts at an implementation have resulted in extremely sporadic behaviour :)
# Posted By Sebastien | 11/30/09 10:39 AM
Keith's Gravatar Can you add a full demo, or link to some code for a full demo. It's a bit hard to piece the snips together into a working example.

Thanks
# Posted By Keith | 12/1/09 11:36 AM
cheap jerseys's Gravatar <a href="http://www.uggbootspace.com/">ugg boots</a>
<a href="http://www.uggbootspace.com/">uggs outlet</a>
<a href="http://www.uggbootspace.com/">uggs on sale</a>
<a href="http://www.uggbootspace.com/">uggs boots</a>
<a href="http://www.uggbootspace.com/">uggs</a>" target="_blank">http://www.uggbootspace.com/">uggs</a&g...;
<a href="http://www.cheap-uggboots.net/">cheap ugg boots</a>
<a href="http://www.cheap-uggboots.net/">uggs for cheap</a>
<a href="http://www.cheap-uggboots.net/">ugg boots</a>
<a href="http://www.cheap-uggboots.net/">ugg boots cheap</a>
<a href="http://www.cheap-uggboots.net/">wholesale ugg boots</a>
<a href="http://www.uggboots-home.net/">discount ugg boots</a>
<a href="http://www.uggboots-home.net/">uggs" target="_blank">http://www.uggboots-home.net/">uggs</a>
<a href="http://www.uggboots-home.net/">ugg boots</a>
<a href="http://www.uggboots-home.net/">cheap ugg boots</a>
<a href="http://www.uggboots-home.net/">cheap uggs</a>
<a href="http://www.uggboots-home.net/">uggs" target="_blank">http://www.uggboots-home.net/">uggs online</a>
<a href="http://www.uggboots-shoes.net/">ugg boots on sale</a>
<a href="http://www.uggboots-shoes.net/">uggs outlet</a>
<a href="http://www.uggboots-shoes.net/">ugg outlet</a>
<a href="http://www.uggboots-shoes.net/">wholesale Ugg Boots</a>
<a href="http://www.uggboots-shoes.net/">ugg boots</a>
<a href="http://www.ugg-trade.com/">uggs" target="_blank">http://www.ugg-trade.com/">uggs outlet</a>
<a href="http://www.ugg-trade.com/">ugg outlet</a>
<a href="http://www.ugg-trade.com/">ugg outlet store</a>
<a href="http://www.ugg-trade.com/">uggs" target="_blank">http://www.ugg-trade.com/">uggs outlet stores</a>
<a href="http://www.ugg-trade.com/">wholesale uggs</a>
<a href="http://www.ugg-trade.com/">ugg boots</a>

<a href="http://www.uggbootspace.com">uggs" target="_blank">http://www.uggbootspace.com">uggs on sale</a>
<a href="http://www.uggbootspace.com">uggs" target="_blank">http://www.uggbootspace.com">uggs outlet</a>
<a href="http://www.uggbootspace.com">ugg boots sale</a>
<a href="http://www.uggbootspace.com">uggs" target="_blank">http://www.uggbootspace.com">uggs sale</a>
<a href="http://www.uggbootspace.com">uggs" target="_blank">http://www.uggbootspace.com">uggs boots</a>
<a href="http://www.uggbootspace.com">uggs" target="_blank">http://www.uggbootspace.com">uggs boots sale</a>
<a href="http://www.uggbootspace.com">ugg Australia</a>

<a href="http://www.buy-cheap-uggs.com/">buy ugg</a>
<a href="http://www.buy-cheap-uggs.com/">buy ugg boots</a>
<a href="http://www.buy-cheap-uggs.com/">buy uggs</a>
<a href="http://www.buy-cheap-uggs.com/">buy cheap ugg</a>
<a href="http://www.buy-cheap-uggs.com/">buy cheap uggs</a>
<a href="http://www.buy-cheap-uggs.com/">cheap ugg boots</a>
<a href="http://www.buy-cheap-uggs.com/">cheap uggs</a>
<a href="http://www.buy-cheap-uggs.com/">uggs outlet</a>
<a href="http://www.buy-cheap-uggs.com/">ugg outlet</a>
<a href="http://www.buy-cheap-uggs.com/">ugg boots outlet</a>
<a href="http://www.buy-cheap-uggs.com/">ugg boots</a>
<a href="http://www.buy-cheap-uggs.com/">wholesale ugg boots</a>
<a href="http://www.buy-cheap-uggs.com/">discount ugg boots</a>
<a href="http://www.buy-cheap-uggs.com/">ugg boots on sale</a>
<a href="http://www.buy-cheap-uggs.com/">ugg boots for sale</a>
<a href="http://www.buy-cheap-uggs.com/">uggs.com</a>" target="_blank">http://www.buy-cheap-uggs.com/">uggs.com&l...;


<a href="http://www.ugg-boot-shoes.net/">UGG Australia</a>
<a href="http://www.ugg-boot-shoes.net/">ugg boots</a>
<a href="http://www.ugg-boot-shoes.net/">wholesale ugg boots</a>
<a href="http://www.ugg-boot-shoes.net/">uggs</a>
<a href="http://www.ugg-boot-shoes.net/">cheap ugg boots</a>
<a href="http://www.ugg-boot-shoes.net/Ugg-Coach-Boots.html... boots</a>
<a href="http://www.ugg-boot-shoes.net/">ugg shoes</a>
<a href="http://www.ugg-boot-shoes.net/">UGG boots snow</a>
<a href="http://www.ugg-boot-shoes.net/">ugg snow boots</a>
<a href="http://www.ugg-boot-shoes.net/">ugg boot shoes</a>
<a href="http://www.ugg-boot-shoes.net/">uggs outlet</a>
<a href="http://www.ugg-boot-shoes.net/Ugg-Coach-Boots.html... boots</a>
<a href="http://www.ugg-boot-shoes.net/">Uggs outlet</a>
<a href="http://www.ugg-boot-shoes.net/">UGG Australia</a>
<a href="http://www.ugg-boot-shoes.net/">Ugg boots snow</a>



<a href="http://www.buy-cheap-uggs.com/UGG_Bailey_Button_bo... Bailey Button boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic.html&quo... Classic</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Cardy_Bo... Classic Cardy Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Mini_Boo... Classic Mini Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Short_Bo... Classic Short Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Tall_Boo... Classic Tall Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Tall_Met... Classic Tall Metallic Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Argyle_K... Classic Argyle Knit</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Classic_Crochet_... Classic Crochet Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Kids_Boots.html&... Kids Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Nightfall_Boots.... Nightfall Boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Sandals.html&quo... Sandals</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Amelie_Sandals.h... Amelie Sandals</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Coquette_Sandals... Coquette Sandals</a>
<a href="http://www.buy-cheap-uggs.com/Ugg_Dakota_sandals.h... Dakota sandalsc</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Gypsy_sandals.ht... Gypsy sandals</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Halendi_sandals.... Halendi sandals</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Morocco_sandals.... Morocco sandals</a>
<a href="http://www.buy-cheap-uggs.com/Ugg_Stripe_Cable_Kni... Stripe Cable Knit</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Sundance_boots.h... Sundance boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Sundance_Grab_ba... Sundance Grab bags</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Ultra_boots.html... Ultra boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Ultra_Short_boot... Ultra Short boots</a>
<a href="http://www.buy-cheap-uggs.com/UGG_Ultra_Tall_boots... Ultra Tall boots</a>
# Posted By cheap jerseys | 1/31/10 1:19 AM
cheap jerseys's Gravatar [url=http://www.uggbootspace.com/]ugg boots[/url]
[url=http://www.uggbootspace.com/]uggs outlet[/url]
[url=http://www.uggbootspace.com/]uggs on sale[/url]
[url=http://www.uggbootspace.com/]uggs boots[/url]
[url=http://www.uggbootspace.com/]uggs[/url]
[url=http://www.cheap-uggboots.net/]cheap ugg boots[/url]
[url=http://www.cheap-uggboots.net/]uggs for cheap[/url]
[url=http://www.cheap-uggboots.net/]ugg boots[/url]
[url=http://www.cheap-uggboots.net/]ugg boots cheap[/url]
[url=http://www.cheap-uggboots.net/]wholesale ugg boots[/url]
[url=http://www.uggboots-home.net/]discount ugg boots[/url]
[url=http://www.uggboots-home.net/]uggs[/url]
[url=http://www.uggboots-home.net/]ugg boots[/url]
[url=http://www.uggboots-home.net/]cheap ugg boots[/url]
[url=http://www.uggboots-home.net/]cheap uggs[/url]
[url=http://www.uggboots-home.net/]uggs online[/url]
[url=http://www.uggboots-shoes.net/]ugg boots on sale[/url]
[url=http://www.uggboots-shoes.net/]uggs outlet[/url]
[url=http://www.uggboots-shoes.net/]ugg outlet[/url]
[url=http://www.uggboots-shoes.net/]wholesale Ugg Boots[/url]
[url=http://www.uggboots-shoes.net/]ugg boots[/url]
[url=http://www.ugg-trade.com/]uggs outlet[/url]
[url=http://www.ugg-trade.com/]ugg outlet[/url]
[url=http://www.ugg-trade.com/]ugg outlet store[/url]
[url=http://www.ugg-trade.com/]uggs outlet stores[/url]
[url=http://www.ugg-trade.com/]wholesale uggs[/url]
[url=http://www.ugg-trade.com/]ugg boots[/url]

[url=http://www.uggbootspace.com]uggs on sale[/url]
[url=http://www.uggbootspace.com]ugg boots sale[/url]
[url=http://www.uggbootspace.com]uggs sale[/url]
[url=http://www.uggbootspace.com]uggs boots[/url]
[url=http://www.uggbootspace.com]uggs boots sale[/url]
[url=http://www.uggbootspace.com]ugg Australia[/url]


[url=http://www.buy-cheap-uggs.com/]buy ugg[/url]
[url=http://www.buy-cheap-uggs.com/]buy ugg boots[/url]
[url=http://www.buy-cheap-uggs.com/]buy uggs[/url]
[url=http://www.buy-cheap-uggs.com/]buy cheap ugg[/url]
[url=http://www.buy-cheap-uggs.com/]buy cheap uggs[/url]
[url=http://www.buy-cheap-uggs.com/]cheap ugg boots[/url]
[url=http://www.buy-cheap-uggs.com/]cheap uggs[/url]
[url=http://www.buy-cheap-uggs.com/]uggs outlet[/url]
[url=http://www.buy-cheap-uggs.com/]ugg outlet[/url]
[url=http://www.buy-cheap-uggs.com/]ugg boots outlet[/url]
[url=http://www.buy-cheap-uggs.com/]ugg boots[/url]
[url=http://www.buy-cheap-uggs.com/]wholesale ugg boots[/url]
[url=http://www.buy-cheap-uggs.com/]discount ugg boots[/url]
[url=http://www.buy-cheap-uggs.com/]ugg boots on sale[/url]
[url=http://www.buy-cheap-uggs.com/]ugg boots for sale[/url]
[url=http://www.buy-cheap-uggs.com/]uggs.com[/url]

[url=http://www.ugg-boot-shoes.net/Ugg-Coach-Boots.html]coach boots[/url]
[url=http://www.ugg-boot-shoes.net/]Uggs outlet[/url]
[url=http://www.ugg-boot-shoes.net/]UGG Australia[/url]
[url=http://www.ugg-boot-shoes.net/]Ugg boots snow[/url]








[url=http://www.buy-cheap-uggs.com/UGG_Bailey_Button_boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Bailey_Button_bo...]UGG Bailey Button boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic.html]UGG Classic[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Cardy_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Cardy_Bo...]UGG Classic Cardy Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Mini_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Mini_Boo...]UGG Classic Mini Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Short_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Short_Bo...]UGG Classic Short Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Tall_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Tall_Boo...]UGG Classic Tall Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Tall_Metallic_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Tall_Met...]UGG Classic Tall Metallic Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Argyle_Knit.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Argyle_K...]UGG Classic Argyle Knit[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Classic_Crochet_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Classic_Crochet_...]UGG Classic Crochet Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Kids_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Kids_Boots.html]UGG Kids Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Nightfall_Boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Nightfall_Boots....]UGG Nightfall Boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Sandals.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Sandals.html]UGG Sandals[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Amelie_Sandals.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Amelie_Sandals.h...]UGG Amelie Sandals[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Coquette_Sandals.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Coquette_Sandals...]UGG Coquette Sandals[/url]
[url=http://www.buy-cheap-uggs.com/Ugg_Dakota_sandals.html]Ugg Dakota sandalsc[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Gypsy_sandals.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Gypsy_sandals.ht...]UGG Gypsy sandals[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Halendi_sandals.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Halendi_sandals....]UGG Halendi sandals[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Morocco_sandals.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Morocco_sandals....]UGG Morocco sandals[/url]
[url=http://www.buy-cheap-uggs.com/Ugg_Stripe_Cable_Knit.html" target="_blank">http://www.buy-cheap-uggs.com/Ugg_Stripe_Cable_Kni...]Ugg Stripe Cable Knit[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Sundance_boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Sundance_boots.h...]UGG Sundance boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Sundance_Grab_bags.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Sundance_Grab_ba...]UGG Sundance Grab bags[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Ultra_boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Ultra_boots.html...]UGG Ultra boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Ultra_Short_boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Ultra_Short_boot...]UGG Ultra Short boots[/url]
[url=http://www.buy-cheap-uggs.com/UGG_Ultra_Tall_boots.html" target="_blank">http://www.buy-cheap-uggs.com/UGG_Ultra_Tall_boots...]UGG Ultra Tall boots[/url]
# Posted By cheap jerseys | 1/31/10 1:20 AM
gaf's Gravatar I love jeditable + tinymce, but I've some things that doesn't work: I can't view the submit button!
my code is:
/** start code **/
$.fn.tinymce = function(){
return this.each(function(){
tinyMCE.execCommand("mceAddControl", true, this.id);
});
}

function initMCE(){
tinyMCE.init({mode : "none",
theme : "advanced",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
       theme_advanced_resizing:true,
    theme_advanced_resize_horizontal : false
});
}


$.editable.addInputType('mce', {
element : function(settings, original) {
var textarea = $('<textarea id="'+$(original).attr("id")+'_mce"/>');
if (settings.rows) {
textarea.attr('rows', settings.rows);
} else {
textarea.height(settings.height);
}
if (settings.cols) {
textarea.attr('cols', settings.cols);
} else {
textarea.width(settings.width);
}
$(this).append(textarea);
return(textarea);
},
plugin : function(settings, original) {
tinyMCE.execCommand("mceAddControl", true, $(original).attr("id")+'_mce');
},
submit : function(settings, original) {
tinyMCE.triggerSave();
tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
},
reset : function(settings, original) {
tinyMCE.execCommand("mceRemoveControl", true, $(original).attr("id")+'_mce');
original.reset();
}
});


function startEdit () {
   initMCE();
$('.edit').tinymce();
   $('.edit').editable(function(value,setting) {
      alert('dati' + value + " - " + setting);
   },{
    type : 'mce',
    submit : 'OK',
    indicator : "Saving...",
    tooltip : 'Click to edit...',
    width : '500px',
    height : '100px'   
   });
}


$(document).ready(function() {
   $('#whitebox').click(function() {
      startEdit();
   });
});
/*** end of code **/

and all of this is applied to a simple html like this:
<html><!-- [...]-->
<div id="whitebox" class='edit'></div>
# Posted By gaf | 2/1/10 4:05 AM
gaf's Gravatar Edit: sorry if I doubleclick on element it works!
# Posted By gaf | 2/1/10 4:16 AM
axel's Gravatar Hi,
I'm trying to use jeditable with tinymce. This used to work but gives a conflict with the latest version of tinymce. If you doubleclick on the text, tinymce appears, but if you click in the textarea, it disappears again. If you then doubleclick on the textarea, it works.
Did you encounter this problem and did you find a solution?
thank you,
Axel
# Posted By axel | 5/7/10 6:33 AM
mbtshoes123's Gravatar Hello everyone.
In our online shop, you can purchase different designer mbt shoes, and we offer the commodities are high in quality and reasonable at price now.
These are our mbt shoes on sale.
Shop's homepage www.mbtshoeshop-online.com
<a href=\"http://www.mbtshoeshop-online.com\">walking shoes</a>
<a href="http://www.mbtshoeshop-online.com">comfort shoes</a>
<a href="http://www.mbtshoeshop-online.com">mbt shoes</a>
# Posted By mbtshoes123 | 5/13/10 7:25 PM
ugg uk's Gravatar thanks goodness.
# Posted By ugg uk | 5/20/10 1:14 AM
belly's Gravatar Welcome to our website for your coach sunglasses. Coach sunglasses

here are made with high quality and stylish design. What is more,

there are promotion activities here. That means you can buy low

price coach sunglasses. Just have a look at our websites, I am sure

you would find your ideal coach sunglasses.
Our website is:
http://www.newcoachoutlet.com/
http://www.coachoutletusa.com/
http://www.discount-coach.com/
http://www.coachpursesoutlet.com/
The customer is god, welcome you the presence!
# Posted By belly | 5/24/10 1:20 AM
cheap coach handbags's Gravatar A famous item that every woman wants is <a href="http://www.buycheapcoach.com/products/COACH-Handba... Coach handbags</a>. There are so many brands of Coach handbags that will suit your lifestyle and personality. You can find all styles affordable loves you more online or in <a href="http://www.buycheapcoach.com/">Coach outlet</a> store. Now the coach outlet store has become more and more popular, cause there are so many authentic <a href="http://www.buycheapcoach.com/">cheap coach bags</a> on sale this season.
# Posted By cheap coach handbags | 6/1/10 6:28 PM
coach handbags's Gravatar Do not try to dress the dirty walking in the street, it will make you look very strange. Each product of <a href="http://us-coachhandbags.com/">Coach bags</a> embodies the perfect fusion of design and function. Why not make yourself looked unique by using <a href="http://www.us-coachhandbags.com/products/COACH-Han... handbags</strong></a>? Another way, coach bags has always been considered as a luxury, most women dreamed of owning one, but the high price cause that not everyone can pay. Our shop purchase from the manufacturers at low prices, so you can offer lower prices than anyother stores. You may find all products in our <a href="http://us-coachhandbags.com/"><strong&g... outlet</strong></a> are selld at a wholesale price. You will never be regret to order <a href="http://us-coachhandbags.com/">cheap coach purses</a> here.
# Posted By coach handbags | 6/1/10 6:29 PM
nikeshoes's Gravatar The <a href="http://www.nikedunkshoes.net/">nike dunk shoes</a> is a timeless piece which has seen a plethora of colorways this year alone, and <a href="http://www.nikedunkshoes.net/">nike dunks</a> continues to produce new versions. Jordan has been used every year to replace his boots, and a growing number of admirers have begun to follow this custom, which makes <a href="http://www.nikedunkshoes.net/dunk-sb-high-c-66.htm... top nike dunks</a> become special significance.
# Posted By nikeshoes | 6/1/10 6:31 PM
????'s Gravatar Israel Holds Hundreds Seized During Raid on Flotilla http://www.kicksf.com
U.N. Security Council Condemns ‘Acts’ in Israeli Raid http://www.sf9456.com
BP Tries Again to Divert Oil Leak With Dome http://www.sf9458.com
Strike Is Said to Kill a Top Qaeda Leader Hurdles http://www.iqwsf.com
# Posted By ???? | 6/3/10 10:35 AM
yyfq009's Gravatar I have never read so wonderful article before,I have learned more after read your article,thanks a lot!By the way,we sale the best shoes in my onlion shop.it will give your live lovely.
<a href="http://www.chaussureshub.com">tn requin</a>
<a href="http://http://www.69sneakers.com">nike shox r4</a>
<a href="http://www.shoxnzworld.com">nike shox running shoes</a>
<a href="http://http://www.lyle-scott-polo.com">lyl... and scott wholesale</a>
<a href="http://http://www.tnchaussurecom.com">mbt walking shoes</a>
<a href="http://http://www.buy-ed-hardys.com">cheap... ed hardy</a>
# Posted By yyfq009 | 6/7/10 2:00 AM
Cheap Christian Louboutin's Gravatar I recently came across your blog and have been reading along.
I thought I would leave my first comment. I don’t know what to say except that I have enjoyed reading.Nice blog,I will keep visiting this blog very often.
# Posted By Cheap Christian Louboutin | 6/7/10 11:42 PM
[Add Comment]