MARKETPLACE
PLUGINS
ADVANCED CODE EDITOR
Advanced Code Editor logo

Advanced Code Editor

Published May 2022
   •    Updated March 2026

Plugin details

Fully responsive code-editor with syntax-highlighting and autocompletion for 87 languages.
🔗 Try it out here:
https://advanced-code-editor.bubbleapps.io/version-test

🔗 Or check it out in the editor here:
https://bubble.io/page?type=page&name=index&id=advanced-code-editor&tab=tabs-1

✅ Features:
1 - Fully responsive
2 - 87 supported languages
3 - Dark & Light theme
4 - Syntax highlighting & Code completion
5 - Bindable state "𝐜𝐨𝐝𝐞"
6 - Updateable via "𝐮𝐩𝐝𝐚𝐭𝐞 𝐜𝐨𝐝𝐞" action
7 - Listenable via "𝐜𝐨𝐝𝐞 𝐜𝐡𝐚𝐧𝐠𝐞𝐝" event

🔧 How it works:
As soon as the editor is rendered the 𝐢𝐧𝐢𝐭𝐢𝐚𝐥 𝐯𝐚𝐥𝐮𝐞 updates the state 𝐜𝐨𝐝𝐞. The state can then be changed from outside via the 𝐮𝐩𝐝𝐚𝐭𝐞 𝐜𝐨𝐝𝐞 action. Every time it changes a 𝐜𝐨𝐝𝐞 𝐜𝐡𝐚𝐧𝐠𝐞𝐝 event is dispatched.

$25

One time  •  Or  $5/mo

1.0 stars   •   1 ratings
14 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Matthias Gruber logo
Matthias Gruber
Joined 2021   •   2 Plugins
View contributor profile

Instructions

🔗 Have a look at the configuration here: https://bubble.io/page?type=page&name=index&id=advanced-code-editor&tab=tabs-1


✅ Instructions:
1 - Place the Advanced-Code-Editor in a Row/Column
2 - Uncheck fixed width & height so that it fills out the container
3 -  Set an initial value
4 -  Select a theme (light/dark - for all editors)
5 -  Select a language (field documentation or copy list from  editor above)

FYI: Language & theme are dynamic so I couldn't provide a dropdown there - sorry!


🔧 How it works:
As soon as the editor is rendered the 𝐢𝐧𝐢𝐭𝐢𝐚𝐥 𝐯𝐚𝐥𝐮𝐞 updates the state 𝐜𝐨𝐝𝐞. The state can then be changed from outside via the 𝐮𝐩𝐝𝐚𝐭𝐞 𝐜𝐨𝐝𝐞 action. Every time it changes a 𝐜𝐨𝐝𝐞 𝐜𝐡𝐚𝐧𝐠𝐞𝐝 event is dispatched.

Types

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

Categories

This plugin can be found under the following categories:
Technical   •   Media   •   Containers   •   Visual Elements

Resources

Support contact
Documentation

Rating and reviews

Average rating (1.0)

Default value not working + not dynamic
July 24th, 2023
Default value not working + not dynamic
Hi! I'm sorry that you had problems using the editor. I double checked it and everything works as it should. I also saw you commenting this on other plugins that are actually working - if you need help don't hesitate to write me an email on my support mail! :) (plugin author)
December 9th, 2023
  •  
Matthias Gruber
Bubble