TH live code editor [1 MILLION PAGEVIEW UPDATE]

Posted 4 years, 10 months ago (Edited 4 months, 23 days ago) by circlejourney
I've made a World for code editor discussion and suggestion! It would be great if you could post suggestions there so they're all in one place.

Toyhouse code editor with live preview

Bookmark it on Toyhouse

rsle267.png

Preview your HTML/CSS code in various layouts as you type.

Toyhouse watermark previewer

Bookmark it on Toyhouse

mekM2EJ.png

Preview watermarks applied to images without uploading and regenerating.


A couple of code utilities for making certain aspects of using Toyhouse less tedious! The code editor shows a live preview of code as you type it, and the watermark previewer lets you preview the appearance of watermarks on images.

I created these tools to help make coding and applying watermarks easier. I'm not affiliated with Toyhouse and I'm maintaining these for fun in my free time. (If you'd like to support me, you can donate to my ko-fi.)

These are works in progress, and I've been fixing all bugs that I find/am informed of. I'm always happy for feedback, suggestions and bug reports! Do check the "known issues" section on the website to see what has already been reported.

circlejourney

ohh Pepperly thanks for mentioning that! I did also notice that that happens with some layouts while I was messing around on my own. Some errors that don’t matter to the TH editor cause problems in my code editor.

I suspect that whatever parses custom code on TH seems to automatically generate missing end tags. But my editor doesn’t, and any mistakes involving missing end tags will wreck the layout. Tbh I’m still not sure how much I can do about that as, if anything, it happens on TH’s back end. In the meantime I apologise for the inconvenience!

greedy it would be no trouble at all, I can do that in a bit,

EDIT: I added a world page! I should really do a changelog of some sort.

JankedArtist

I'm new to this toyhouse site and honestly this is the best thing I ever come across! I really love this tool you made even though I been here for like 2 or 3 days lol. This will definitely come in handy if I need to test some codes that I want to use and see how it looks with edited content I put in there for my OCs and profile. Keep up the good work   

PinkWisp

this is brilliant!

circlejourney

Thank you both! I'm really glad others are getting some use out of it.

Avistella

As someone with really horrible Internet connection, it is an absolute nightmare saving/refreshing pages which is why I barely code layouts even though I really want to. That being said, this is an absolute lifesaver ;;;;; Thank you so much for sharing!

jetsetspy

This is great! Would you mind if I added it to my character resources page?

circlejourney

Unicore go on ahead, I'd be glad for you to do so!

Avistella I feel you on that, that's exactly the situation that made me want to make one of these ahaha. I'm glad you're finding it helpful!

Vaudevillain

Oh this is so cool! I'm definitely going to be using this since I'm constantly changing around my character's profile themes lmao, thank you so much for making this public it really is a wonderful tool 

ShiverCritter

You are awesome, this makes things so much easier; thank-you so much for sharing!

hxmllock

woah this is so cool!! thank you for this! I'm the type of person to make 1 change, save it, and look at the progress- so this really really helps. thank you!!!

circlejourney

Oh man I'm bad at responding to everyone but thank you to all who like it/find it useful! I, too, am the sort to save and check after every edit so I really needed one of these too.

Aresol

OH. MY. GOD Absolutely amazing. I was using Brackets Live Editor which... let's be honest, sucks at bootstrap but like THANK god

Staco

BIG LIFESAVER

thank you sooo much aaaah