Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>RTE</title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  <script type="text/javascript" src="http://batiste.dosimple.ch/blog/posts/2007-09-11-1/jquery.rte.js"></script>
  <style type="text/css">
  .rte-zone{width:350px;height:160px;border:1px #999 solid;clear:both;margin:0;padding:0;}
  .rte-toolbar{overflow:hidden;}
  .rte-toolbar a,.rte-toolbar a img{border:0;}
  .rte-toolbar p{float:left;padding-right:1px;margin:0;}
  </style>
</head>
<body>
  <textarea class="rte-zone">&lt;strong&gt;Lorem ipsum dolor &lt;em&gt;sit amet&lt;/em&gt;.&lt;/strong&gt;</textarea>
  <div><a href="#" id="setcontent-foo">Set content to "foo"</a></div>
  <div><a href="#" id="getcontent">Get the current content</a></div>
  <div>
    <a href="#" id="setcontent-initial">Set content to the value of <code>INITIAL_CONTENT</code></a>
    <pre>INITIAL_CONTENT = &lt;strong&gt;Lorem&lt;/strong&gt; ipsum</pre>
  </div>
</body>
</html>
 
$('.rte-zone').rte(
  'http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rte.css',
  'http://batiste.dosimple.ch/blog/posts/2007-09-11-1/'
);
var $R = function(sel, newContent) {
    return $('body', $(sel).contents()).html(newContent ||undefined); // Keep it simple
};
/* Setup the examples */
var INITIAL_CONTENT = '<strong>Lorem</strong> ipsum',
    iframe = $('iframe.rte-zone')[0];
$('#getcontent').click(function() {
  alert($R(iframe));
});
$('#setcontent-foo').click(function() {
  $R(iframe, 'Foo');
});
$('#setcontent-initial').click(function() {
  $R(iframe, INITIAL_CONTENT);
});
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers