TH live code editor [1 MILLION PAGEVIEW UPDATE]

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

milkutan see if adding a col-12 in front of both col-sm-5 and col-sm-7 makes it work? If the problems persist, DM me a copy of the code and I can look into it in more detail!

miruki

circlejourney didn't work ;( sending you a DM!

circlejourney

I've made a to-do list Trello for my editor! Feel free to watch, comment and vote on cards to help me understand what you'd like to see next.

Trello

Skykristal

heya! I´m not sure what´s causing this but the live editor constantly crashes and I have to reload. (coding/cache is not gone luckily) At first, I thought it was a browser issue but it happens on different ones. (tested on Vivaldi & Edge). I coded different things so I can´t tell if it´s a specific code/format that makes it crash. But it mainly seems to happen when working in the CSS area. 

circlejourney

Skykristal I think I know why that happens, having an open curly brace without closing it sometimes confuses the code editor because it's interpreting it as SASS rather than CSS. I think making sure that you type paired {}'s before typing any code inside could help but let me know if it keeps happening.

Kuruna

I apologize if this just isn't possible, but would it be possible to add an undo button to the code editor..........I finished a profile then accidentally deleted it because I had done "select all" then accidentally clicked "paste" instead of "copy"

starboikun

hello! I want to edit my code in the editor, but this thing appears, what should i do?

49116484_eVZVzaJ85xC9WSd.png

BubbleBirb

The url box for the live watermark preview disappeared again ^^;

circlejourney

starboikun that looks like an issue that's local to your browser, let me know if it's working now!

BubbleBirb, oops - I have been updating the watermark feature separately from the main editor, which is what's causing the overwrites. It's about time I synced them both, it should be back now and I shouldn't do it by accident again.

BubbleBirb

It's working now, thanks ^^

HardyLark

Having some... odd things happening. The text on my code is in a weird font and has changed color entirely from what it's supposed to be, as well as the size and spacing getting skewed. I thought maybe perhaps my code was messed up, but it's doing it to ones I've already confirmed to be working normally here on Toyhouse, not sure what happened, but wondered if it was just me.

Here's the screenshot from the preview for the editor v

unknown.png

And here's the same code on toyhouse v

unknown.png

CheshireDraws

I am having the same issues as HardyLark, and it happens whenever I try to go to a previous stable version as recommended!

ps-aeiou

I'm having the same issues as well. It looks like how things tend to look when plugged into the WYSIWYG editor.

Nyxxed

Having the same thing with stuff being fucked, specifically using this code by Pinky

it looks like this on the most recent build, but it displays completely fine on the first build, made in december