TH live code editor [1 MILLION PAGEVIEW UPDATE]

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

tamagonyanki oh no I did not think of that. I should add a reset button for the interface. Thanks for mentioning it!

EDIT: that should reset it the next time you visit the webpage, and dragging it past the bar should be impossible now.

circlejourney

No problem! (not pinging you because it's not an important message) it would be cool if it got pinned but oof I'm gonna have to do some serious bugfixing before it's ready to be Mod Approved, I think.

Pepperly

Not sure if you're actively doing any updates but I still love this! Do you think you could make a toggle at the bottom for the CSS window to display/hide? Since I'm not premium I don't really need it and it's eating up precious indent space :,D

circlejourney

Pepperly yo that's a fantastic idea, I'm gonna do that!

EDIT: did the thing!

Pepperly

Fantastic!! Thanks!!

kilaya14

circlejourney THAT IS AWESOME! 

I am in the same boat as Pepperly in the CSS gets in the way sometimes. You’re awesome for making that update and for making this software in the first place! :D 


ersatzmedic

This is so helpful, thank you!

AmethystAndAnkh

Can you consider some kind of way to tip you for this, whether USD, DA points, TH codes, or some other thing you want/like? I'd love to give you a more concrete thanks besides just, "Thanks!" This is brilliant stuff!

Suggestion. The <!-- TEXT GOES HERE --> comment in the HTML and CSS windows, could it go away as soon as we click on it? I clicked in the middle of it, thinking it would disappear as placeholder text does, and pasted my code. The <!-- TEXT GO stayed at the beginning of my code and the ES HERE --> ended my code, and only because I noticed right away was I not confused why my code didn't work. I don't know how easy it is to do that, but I thought I'd mention it.

Until something better is offered us... Thanks! This is brilliant stuff!

circlejourney

AmethystAndAnkh Thanks so much for thinking of tipping me! I do have a ko-fi that's linked at the bottom of the page + my TH profile as well if that's what you're looking for. And, that's a good suggestion! I just implemented it, let me know if the way it works now is what you had in mind :)

AmethystAndAnkh

And, that's a good suggestion! I just implemented it, let me know if the way it works now is what you had in mind :)

It does! It's perfect! Thank you! Oh, and my Ko-fi message has crappy spelling/typing because I've got a fine motor control disability but I swear I can spell. Honest! >_> XD

circlejourney

Prisma

It seems to be working for me--I tested it by turning the background red:

FgthOv4.png

Is it possible that you forgot to click "Update" or turn on auto-update to see the changes?

If not, let me know what browser you're using and send me a screencap if you can. thanks!

Yuhaehan

circlejourney ah, it doesn't seem to be working for me either https://gyazo.com/b8690b0e66d1f9fd0ce686be1c8b852e