TH live code editor [1 MILLION PAGEVIEW UPDATE]

Posted 4 years, 10 months ago (Edited 4 months, 20 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.

TyrianCallows

This is fantastic! Why have I not seen this sooner!?

circlejourney

ah yeah Yuhaehan it's the same issue (which I PMed prisma about)--I haven't installed SASS on my website so any CSS that uses SASS variables (the lines that start with a $) won't work. I'll work on fixing that over the next few days and ping you guys if/when I get it working!

circlejourney

Thank you AzuelZorro102 and TyrianCallows! I'm glad you find this useful! I needed something like this too and just happened to know how to make it haha.

circlejourney

mienzhyre it's my pleasure, I'm really glad to know you're finding it helpful :)

Prisma and Yuhaehan I added SASS support, let me know if your CSS code works on it now!

Yuhaehan

circlejourney https://gyazo.com/4ef09a53d4eed32efbd44746f2d59292 This is what I got? Its supposed to be the "Teal" theme using https://toyhou.se/3173691.-f2u-th-themed-recolor

circlejourney

Yuhaehan I see, I think I get what's going on--the theme you linked is importing all the style info from another file that I believe is stored on TH, and I can't access it. Let me know if it works when you add it to your profile via the settings panel. I don't have premium so I can't really investigate this further on my own. Maybe in the future!

Kattenkvvaad

hi I keep getting an error about the browser not being able to display the site or something like that? I use Google Chrome and the error keeps happening after five to ten minutes of trying to use the site. Not sure if it's something on my end or if something's happening with the site (it's the only site that's giving me this error at the moment)

withoutwords

Mistletoe, do you have it set to auto-update the preview?  Because I'm also on Google Chrome, and the site was crashing every few minutes until I turned that feature off.

Kattenkvvaad

withoutwords yes I had it set to that. I'll see if it works better when I turn it off

Igneous

You are a godsend ^q^ Ko-fi on me

circlejourney

Oh dear, thanks for bringing that to my attention, withoutwords and Mistletoe. I suspect it might be that the site is updating too rapidly (right now it updates every time you type a new character into the text fields). I just did a quick interim fix that makes it only update once a second, I’m on vacation so I won’t be able to make a proper bug fix for a while but I will definitely look into it once I can.

Aww thank you so much Igneous! I appreciate it lots 😊 

chopper

Letting u know u are an angel...u have my heart