Thanks for checking out my code editor! I'm maintaining and updating it for fun, and it will always be free to use.
Ko-fi My Toyhouse Code customs Code freebies
Created with Ace, sass.js and Toyhouse's stylesheets. Feel free to respond to my thread with bug reports and suggestions! Major bugs will be fixed quickly, but suggestions for improvement may take longer to be implemented. (Do note that certain issues cannot be fixed due to limitations, which are listed in detail in the "known issues" section.)
This editor uses cookies to save your work automatically, and tracks usage statistics. I am not affiliated with Toyhouse, and I make no profit from this code editor. I disclaim responsibility for any loss of work that may arise from usage of my code editor. Do save a copy of your work regularly!
By using my code editor, you agree to all of the above.
Got it! Show/hide known issues Show/hide changelog13 September 2020: Moved all page layout templates to separate files for organisational reasons, added navigation bar.
1 June 2020: Copied all Toyhouse CSS and JS files to my server, to prevent cross-origin request errors. They will be manually updated whenever Toyhouse updates its files.
11 May 2020: Reorganised layout, option buttons are now in the bottom left corner. Also added a popup containing information about the project and disclaimers.
14 December 2019: Added a hotfix that slows down the page update rate (when Auto-update is turned on) to prevent webpage display crash errors. May return to this in the future to implement a more elegant solution.
5 November 2019: Clicking in the HTML and CSS text areas to bring them into focus now makes the placeholder text disappear.
30 October 2019: CSS panel visibility can now be toggled on and off with the CSS panel checkbox.
5 September 2019: Fixed bug that made it possible to drag the adjustment bar off the bottom of the page rendering it unreachable.
24 June 2019: Added Layout: World page.
Some CSS errors cause the webpage to crash. A fix is pending. To avoid these happening, always close your curly braces {} before you start typing in them.
Right click > Undo doesn't undo changes. Pending a fix. Currently, undoing works with Ctrl + Z and ⌘ + Z.
Cursor is sometimes visually displaced from actual position. This is a problem with Ace Editor panels not resizing correctly. It is a difficult error to recreate and as such, I have yet to be able to fix it. Currently, refreshing the page will fix it.
Page switches back to the first tab whenever code is updated. The reason this happens is that every time you update the code, the page refreshes, because the Ace library has no way of telling me exactly where the new characters were inputted, so you're being presented with a fresh version every time. To prevent this happening would probably be very complicated so I'm uncertain if I can change it.
Some Font Awesome icons do not appear correctly. I cannot fix this as I don't have a pro Font Awesome licence. You will have to upload the code to Toyhouse to see how the FA icons appear there.
CSS using the @import rule does not work. Again, I cannot fix this: this syntax is used to reference a protected stylesheet on the Toyhouse website, a measure designed to prevent people from stealing them. Without the original CSS code, you can't preview it in this editor.