Skip to content

Instantly share code, notes, and snippets.

@cmfcmf

cmfcmf/Update, edit and develop Tumblr Theme dynamically.js

Last active July 29, 2019 15:39
Show Gist options
  • Save cmfcmf/7154536 to your computer and use it in GitHub Desktop.
Save cmfcmf/7154536 to your computer and use it in GitHub Desktop.
Download ZIP
Creating and developing own tumblr themes has always been a pitty. However, this single line of javascript will help you A LOT. Follow the instuctions in the first comment below to get your own live version of your theme.
Raw
source.js
setInterval(function() {
jQuery.ajax('YOUR-URL-TO-THE-THEME-FILE', {cache: false}).success(function(html) {
var btn = jQuery("div[data-action='update_preview']").first();
if (html!=ace.edit('editor').getValue()) {
ace.edit('editor').setValue(html);
if (!btn.hasClass('disabled'))
btn.click()
}
});
},1000);
Raw
Update, edit and develop Tumblr Theme dynamically.js
setInterval(function(){jQuery.ajax('YOUR-URL-TO-THE-THEME-FILE',{cache:false}).success(function(html){var btn=jQuery("div[data-action='update_preview']").first();if(html!=ace.edit('editor').getValue()){ace.edit('editor').setValue(html);if(!btn.hasClass('disabled'))btn.click()}});},1000);
@jorgeluislazo
Copy link

In chrome, you can allow mixed content by clicking on the shield in the right side of the address bar and selecting "allow insecure scripts to run"
Hope this helps!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment