Customizable code editor plugin that offers a user-friendly interface for coding, supports 10 programming languages. Run & execute JavaScript, Python, SQL & Ruby code directly and extract the output in the plugin's state. Offers numerous features like bracket & tag matching, autocomplete, etc., making it perfect for web-based development environments, educational platforms, or personal projects.
MAIN FEATURES: ➡️
Language Support: Provides syntax highlighting and support for multiple programming languages including JavaScript, Python, HTML, CSS, PHP, SQL, Markdown, Ruby, Java, and more.
➡️
Code Execution: Allows execution of JavaScript, Python, SQL & Ruby code directly within the editor, capturing and displaying output in the plugin's state.
➡️
Autocomplete & IntelliSense: Features a hint system for code completion, enhancing productivity and reducing errors.
➡️
Bracket & Tag Matching: Includes auto-close for brackets and tags, along with match highlighting to ensure code integrity and reduce syntax errors.
➡️
Code Folding: Supports code folding with customizable gutters, allowing users to collapse and expand code blocks for better readability.
➡️
Active Line Highlighting: Highlights the active line to improve code navigation and focus.
➡️
Linting & Error Checking: Integrates linting capabilities to catch syntax errors and improve code quality in real-time.
➡️
Real-time Stats: Dynamically updates and displays the number of lines and characters in the editor, helping users keep track of their code size.
➡️
Copy to Clipboard: (Optional) Includes a convenient copy-to-clipboard icon with visual feedback, making it easy to copy code snippets.
➡️
Customizable Themes: Offers a variety of light and dark themes to match user preferences and enhance the coding experience.
➡️
Responsive Design: Automatically adjusts to different screen sizes, ensuring optimal usability on various devices.
➡️
Keyboard Shortcuts: Provides a range of keyboard shortcuts for actions like autocomplete, find, toggle comment, and fold code, improving efficiency and workflow.
*Note: If you have a feature or plugin request, feel free to contact us.*Editor: https://bubble.io/page?id=pluginpreviewapp&test_plugin=1726592769661x332722204875161600_current&tab=tabs-1&name=code_editor_demo&type=pageDemo: https://pluginpreviewapp.bubbleapps.io/version-test/code_editor_demoOther Plugins