TH live code editor [1 MILLION PAGEVIEW UPDATE]

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

AsheNightwind - The scratch pad is a space for pasting code snippets and drafts that you may want to use later. A few people requested it so I added it in. I've added some default text explaining what it's for, hopefully that helps!

arvlo - I can't load your photo, but the HTML space is working for me--let me know if refreshing the page helps! Sometimes the Ace editor resizes oddly (which I suspect is the source of the bug here) and it's hard for me to reproduce the problem, because it seems to show up without any clear pattern. If refreshing doesn't fix it, let me know if you're on mobile, tablet or desktop and what browser you're using so I can test it!

AsheNightwind

Thanks!

circlejourney

Slimeyr imports won't work, but the full CSS should--I admit I have not tested the CSS area a whole lot because I don't have any samples to test it with. Could you DM me with the CSS you're using so I can debug it?

everlore

okay this is amazing?? i love it!

foleso

circlejourney

Yes it works perfectly now thank you!

Skykristal

I never left a comment on this thread what-

This is seriously a lifesaver for me. It makes everything much easier, especially with the auto-update. I do lot´s of HTML and CSS stuff for my characters and constantly use it :D

eskeypism

The code got a bit wonky when im adding a third tab content even though the code was fine ;;

circlejourney

Cin-Mamon Thanks for the comment! Could you DM me a copy of the code? It could help me with debugging, thanks!

circlejourney

Skykristal aw I'm super glad to hear that!