Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="CKEDITOR Firefox Bug - workaround">
<script src="https://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="//cdn.ckeditor.com/4.5.3/standard/ckeditor.js"></script></script>
<meta charset=utf-8 />
<title>Issue with Firefox and immediately setting data.</title>
</head>
<body>
  <h2>Firefox Bug</h2>
  <textarea id="editor1" cols="50" rows="5">First Content</textarea>
</body>
</html>
​
 
 CKEDITOR.tools.buildStyleHtml = function (css) {
        css = [].concat(css);
        var item,
            retval = [];
        for (var i = 0; i < css.length; i++) {
            if ((item = css[i])) {
                // Is CSS style text ?
                if (/@import|[{}]/.test(item)) {
                    retval.push('<style>' + item + '</style>');
                } else {
                    item += "?ts=" + new Date().getTime();
                    retval.push('<link type="text/css" rel=stylesheet href="' + item + '">');
​
                }
            }
        }
        return retval.join('');
    };
​
CKEDITOR.replace('editor1', {
  width: '400px',
  height: '200px',
  contentsCss: 'https://s3.amazonaws.com/hat6/contents.css',
  toolbar: [],
  disallowedContent: 'script',
  on: {
    instanceReady: function (ev) {
      var _this = this;
      setTimeout(function () {
        _this.setData("Second Content - Red if CSS loaded correctly");
        // You can get this to load by bumping the timeout to
        // something longer than the transfer time from S3.
        // For me, it's somewhere between 150 and 900ms.
      }, 10);
    }
  }
  });
​
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dustyjewettpro
0viewers