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/