Sonkoloniya
Sonkoloniya is a web-based realtime code editor with hosting functionality developed by Subham Mandal from ONEprojukti.

Overview
Sonkoloniya enables users to write and run HTML, CSS, and JavaScript code in real-time. It features a user-friendly interface with separate code editing panes, live preview, console output, and file management capabilities.
Key Features
- Code Editing: Edit HTML, CSS, and JavaScript code using CodeMirror editors.
- Live Preview: Instantly see the result of code changes in the preview pane.
- Console Output: View console logs and errors within the editor interface.
- File Management: Save, import, and export code snippets seamlessly.
Usage
Top Bar
- Editor Selection: Switch between different code editors (Full, lib, HTML, CSS, JS).
- Command Input: Trigger specific actions using the search bar.
- View Width: Adjust the width of the preview pane.
- Buttons: Perform actions like restoring code, clearing code, enabling/disabling live mode, and running code.
Editor Panes
- Left Bar: Contains separate panes for Full, lib, HTML, CSS, and JS code editors.
- Right Bar: Displays the live preview of the code.
- Bottom Bar: Includes a key list, code import/export functionality, and console output.
Console Output
- Console logs and errors are displayed in the console bar at the bottom.
- Errors are highlighted in red for easy identification.
File Management
- Save code snippets using the
save()
function. Specify a file name and choose to save the entire code or individual sections. - Import code snippets from the Firebase Realtime Database using the
openCode()
function. - Copy code snippets to the clipboard with the
copyCode()
function.
Advanced Features
- Live Mode: Toggle live mode to automatically compile and run code as you type.
- Syntax Highlighting: CodeMirror editors provide syntax highlighting for HTML, CSS, and JavaScript.
- Code Compilation: Compile HTML, CSS, and JavaScript code into a single HTML document for preview.
Dependencies
- CodeMirror: A versatile text editor implemented in JavaScript for browsers, used for code editing.
- oneserver: A JavaScript library for real-time code collaboration developed by Subham Mandal, ONEprojukti.
Release Information
- Release Date: May 23, 2024
Credits
- Programmer: Subham Mandal
- Brand: ONEprojukti
- Try : https://onessssweb.blogspot.com/p/sonkoloniya.html
- or : https://onessssweb.blogspot.com/p/sonkoloniya.html
- or : https://oneprojukti.blogspot.com/