MARKETPLACE
PLUGINS
CODE EDITOR & COMPILER PRO - EMBED
Code Editor & Compiler Pro - Embed logo

Code Editor & Compiler Pro - Embed

Published October 2024
   •    Updated this month

Plugin details

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=page

Demo: https://pluginpreviewapp.bubbleapps.io/version-test/code_editor_demo

Other Plugins

$14

One time  •  Or  $6/mo

stars   •   0 ratings
585 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Snipcode logo
Snipcode
Joined 2022   •   27 Plugins
View contributor profile

Instructions

INSTRUCTIONS: 1. Search for code_editor(pro) in elements panel and place the element on the page.
2. Set the width and height.
3. Choose the programming language & editor theme.
4. Use plugin's state to extract/display number of lines, characters, executed output, etc.
--> 2 Plugin Actions (triggered in workflow): Run Code, Clear Editor.
--> 2 Plugin Events: Error event (triggered when the executed code shows error). Value Changed event (triggered when the input value is changed)
--> 5 Plugin States: Executed Output, Current Code, Number of lines, Number of characters, Value Changed (yes/no).

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Small Business   •   Productivity   •   Data (things)   •   Containers   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble