TH live code editor [1 MILLION PAGEVIEW UPDATE]

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

Saliva hmmmm this is an unusual issue, mind if you send me the code in a DM? I can troubleshoot it and potentially fix the issue if it's something on my end.

circlejourney

mclambles that's a good idea, I could probably add it in next update!

sbruc

Hi! Sorry if this was asked before, I tried looking.

Wasn't there a way to make the editor's font larger/change the editor's theme? (Not the same as changing the toyhouse theme in the lower left corner) The last time I used the TH editor preview was 2-3 months ago and for the life of me, I can't remember how I did it!

Thank you for your time 🙏

circlejourney

sbruc Did you by any chance do that by increasing the page's zoom level? If there's a way to increase the font size, I didn't consciously include it and it doesn't seem to be one of ace editor's features either. It's a good idea though, I may add font size adjustments in a future update!

circlejourney

BunBox yeah, I can definitely add that in!

BubbleBirb

Just have a question, did the url box for the insert image parts disappear? It used to be there but recently it kinda disppeared.

unknown.png

circlejourney

BubbleBirb oh no, you're right. I think I overwrote it by accident. I've restored it to the previous version, let me know if it's working for you now!

BubbleBirb

It's working now, thank you!

sbruc

sbruc Did you by any chance do that by increasing the page's zoom level? If  there's a way to increase the font size, I didn't consciously include it and it doesn't seem to be one of ace editor's features either. It's a  good idea though, I may add font size adjustments in a future update!

---

Unfortunately, no! It was definitely something I could do by either right-clicking the code editor section or pressing a function key on accident, or a ctrl left click. Something silly like that, that I can't remember in the slightest! I remember being able to make the font itself and change the theme (there were about 20-30 or so in a list i believe, i remember wanting to change it for something I liked more but I got so used to seeing the html tags in a certain color when it was written correctly, I went back to the original theme), but this was a few months ago and I can't remember! The option to change the font was in the same space.

Totally bizarre that I just can't remember how this happened because I tried a bunch of key combos in the past and couldn't figure it out. 


If you do end up adding it, I wish you luck! : )  I love the editor

circlejourney

sbruc I think having a visible large font option is a good idea overall, I'll try and find a way to add it to the interface without cluttering--maybe a settings panel for toggles? Thanks for the suggestion!

miruki

I'm new to coding and everything, and I was wondering why <img width/height> works in the editor but not in TH itself?

circlejourney

milkutan Hmmm, img height and width properties should work on Toyhouse, I just tested them to be sure. If you could send me a screencap of the code I could potentially help!

miruki

circlejourney Here's a screencap of one of the cards. I was trying to make it resize nicely with page width. This is how I want it to work (your TH code editor) and this is how it actually works on TH itself.