MARKETPLACE
PLUGINS
ADVANCED CODE EDITOR+ #DARKMODE
Advanced Code Editor+ #darkmode logo

Advanced Code Editor+ #darkmode

Published June 2022
   •    Updated this week

Plugin details

Edit and display code with configurable themes and languages, real-time line highlighting, read-only mode control, dynamic value updates, and code download with the correct file extension.
       



⚡ Main Functions

• Editor Appearance Control.
   Customize font size, line height, theme, and language dynamically.
• Syntax Highlighting.
   Support for 10+ programming languages.
• Theme Management.
   Choose from 10+ themes, including dark mode.
• Code Download.
   Download code with the correct file extension.
• Editor State Actions.
   Set or reset code value, toggle read-only mode, and update theme or language.
• Active Line Highlighting
   Highlight the current row in real time for better readability.



Documentation

We’ve created a detailed step-by-step guide for the Advanced Code Editor+ #darkmode plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

- How do I set the language for syntax highlighting?  
Select a language from the dropdown menu or define it dynamically in the 'Dynamic language' field.

- Can I enable dark mode in the editor?  
Yes, dark mode is available through multiple themes, which you can set from the theme dropdown or dynamically.

- How can I make the editor read-only?  
Toggle the 'Read only' option to prevent users from editing the code.

- Is it possible to download the code entered in the editor?  
Yes, use the 'Download File' action to save the code with its respective file extension.

- Can I adjust the font size and line height?  
Yes, both font size and line height are fully adjustable and can be set dynamically for a tailored appearance.




Our Similar Plugins

- Code Syntax Highlighter
- Ace Code Editor
- Code Editor Snippet




Support

If you still have questions or an unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time  •  Or  $4/mo

4.2 stars   •   5 ratings
647 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   838 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/plugins/advanced-code-editor-darkmode
1. Place the "Advanced Code Editor" element on your page

2. Define the Language you want (you are able to set it dynamically in the workflow tab)

3. Define the Theme you would like (Dark-mode or Light-mode)

4. You are ready!

Types

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

Categories

This plugin can be found under the following categories:
Containers   •   Web Scraping   •   Technical   •   Mobile   •   Productivity   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (4.2)

Customizable
October 12th, 2024
I found the editor to be easily customizable and very intuitive to use.
Greetings, It’s Anton, a Zeroqode Support Representative, We appreciate your feedback about our plugin. Our team is glad that the plugin helped you achieve the desired result. If you have any questions or suggestions, our lines are always open. You can reach out to us on our forum (https://forum.zeroqode.com/) or directly at [email protected]. In case you find some issues without plugins, please fill out the form at https://issues.zeroqode.com and we will get back to you Again, we want to thank you for the review. Best Regards, Anton
October 15th, 2024
  •  
Zeroqode - Top Bubble Agency
Dark Mode
October 10th, 2024
I really appreciate the dark mode!
Greetings, This is Anton from Zeroqode Support. We're extremely grateful for your review and happy to see that our solutions are up to your standards. Our mission at Zeroqode is to prioritize our users and their satisfaction. If you have suggestions or questions, or if there's anything specific you'd like to discuss, we invite you to reach out via our forum (https://forum.zeroqode.com/) or email ([email protected]). Best wishes, Anton
October 14th, 2024
  •  
Zeroqode - Top Bubble Agency
Powerful Code Editing
October 3rd, 2024
Amazing plugin for anyone who needs to work with code directly inside Bubble (hopefully someday it won't be necessary)
Hello, Anton from Zeroqode Support here. Big thanks for leaving us a review. We’re thrilled to know you're satisfied with our plugin. At Zeroqode, ensuring our users' needs are met is what drives us. For any queries, suggestions, or discussions, our forum (https://forum.zeroqode.com/) and direct email ([email protected]) are always open for you. Best Regards, Anton
October 4th, 2024
  •  
Zeroqode - Top Bubble Agency
Doesn't work on non-responsive pages
May 16th, 2023
Its blank on non-responsive pages/app, I wasn't able to get it work.
Good plugin
October 3rd, 2022
Works as expected and compatible with new responsive, thanks ++
Bubble logo
Product
AI
Mobile
Design
Data
Logic
Collaboration
Security
Status
Release notes
Bubble for
Founders
Developers
Agencies
Enterprise
Discover
How Bubble works
Examples
Pricing
Learn
Academy
Technical guides
Blog
How to build
Coaching
Resources
Connect to AI
Marketplace
Templates
Plugins
Experts
Bootcamps
Certification
Partnerships
Affiliates
Figma to Bubble
Community
Bubble community
Forum
Newsletter
Podcast
Early access
Store
Company
About
Careers
Brand guidelines
Support
Contact us
Legal
Terms
Privacy
©  2026, Bubble Group, Inc. All rights reserved.
Bubble
Pricing
Enterprise
Contact sales