Live Browser Code Editor

Details

This Plugin allows you to embed a live code editor in your bubble application. You can choose between various different themes and set parameters such as autocorrect and auto close brackets. You also have live access to the value of the code editor and you can set an initial value.Supported programming languages: python, javascript, html, css, html + css, php.

For a demo of this plugin in the bubble editor please visit:https://bubble.io/page?name=index&id=seodemo2

For a demo of this plugin please visit:https://seodemo2.bubbleapps.io/version-test?debug_mode=true

Icons made by https://www.flaticon.com/authors/prettycons from www.flaticon.com

Categories

Containers, Technical, Productivity, Data (things), Visual Elements

Types

Element

Links

Service Link:

https://www.rapidevelopers.com

Instructions

Drag the Code editor element onto your page. Resize the editor accordingly and set responsive settings. You can also add a border via the element inspector.You can define all parameters within the element inspector of the code editor, such as the programming language, initial value and more.
You have live access to the value of the code editor by accessing its "value" state. So for example: Code Editors A's value.

‍