I’m wondering if there is a dark or light mode available for this plugin. Or something that I can use to change the color of assets easily when in dark or light mode. Heck, even changing the theme entirely would be excellent, however I don’t know if that will work without reloading the page.
Thanks for the plugin!
]]>First of all Thanks for the Enlighter. I really appreciate your work.
I have one question and would be great if you can help.
How can I show the language title? For example, I may need to add snippets of HTML and JS in the blog and having a code title to understand what type of code it is, can really help readers to understand fully (especially newbies).
Hi! I like the plugin a lot, but it seems it is abandoned from the developer. Since january 2023, about 1,5 years, there is no update. My security plugin warns me to use it.
Will there be an (just) minor update from the developer in the next time? Thanks, Michael
]]>Hy,
I can’t find buttons of code-insert and code-settings only on front-end page where i display tinyMCE editor.
On back-end (wp-admin), when i want to write article, i see theses buttons.
I’d tested with other themes and wont go anyway.
WordPress Update done to 6.5.3 and have last version of Enlighter.
I just tested a fresh install of WordPress with only TinyMCE and Enlighter plugins, and doesn’t work in frontend
Have someone any idee?
]]>Hi, is this plugin not responsive? It is not adjusting its width to smaller width where it should have a horizontal scrollbar, but instead it is expanding the width of the whole page. Screenshot attached. Page URL is also mentioned.
Thanks!
Hi Team,
I tried using the Mega menu plugin for my website https://www.softwaretestingsapiens.com/blog/ but since my website is customized, it’s impacting on my existing menu style.
is there any way to use any other megamenu plugin that should be implemented easily.
]]>Near the bottom of the page, the header “Supported Languages (build-in)” should be “Supported Languages (built-in).”
The past participle of build is built. The passive voice uses the past participle with a form of the verb to be. For example, “some of the supported languages are built in.” Therefore, the related compound adjective uses the past participle: there are some “built-in supported languages.”
]]>Hi!
Can anyone tell me, how I can use my regex to highligh words?
For example:
New-NetFirewallRule -DisplayName “SQLServer Browser service” -Direction Inbound -LocalPort 1434 -Protocol UDP -Action Allow
I want to highligh “-DisplayName” “-Direction” and so on with my color. I can highligh these expressions whith Regex (\s-\w+)
I guess need to edit this file https://github.com/EnlighterJS/EnlighterJS/blob/master/src/lang/powershell.js
What I have to do for this?
]]>Googled around and saw a vertical scroll mentioned on a github thread, but I wasn’t quite clear on how to implement. Is this something that needs done on a block per block basis, or is it able to be global?
Thanks for any thoughts!
]]>It’d be neat to be able to add a customized default border to the code blocks from inside the plugin settings.
]]>I love being able to customize the buttons! Any chance there is a way to adjust the on hover color of the buttons?
]]>Is there a way to add padding to the top of the code block so the first line is spaced further from the top?
]]>Is there a way to adjust the corners of the enlightener code block so that the corners are rounded instead of 90 degrees?
]]>Is there a way to set a specific font, for example “Monospaced”?
Thanks for any thoughts.
Loving this plugin!!!
I’d like to highlight this:
#include <FastLED.h>
So that the #include is one color (I did that under directives in the customizer)
And the <FastLED.h> is a different color. Is there a way to target these <> and the contents between them?
Thanks for any thoughts!
Loving using the customizer tool, however, I cannot seem to get highlighting applied to integers.
This is the style sheet generated from customizer:
Thanks for any thoughts!
/*@BASETHEME:atomic*/
.enlighter-t-wpcustom{
font-family: "Open Sans",Arial,Verdana,sans-serif;
background-color: #1F272A;
font-size: 16px;
color: #7DC6C8;
line-height: 17px;
}
.enlighter-t-wpcustom .enlighter-toolbar{
top: 10px;
right: 10px;
}
.enlighter-t-wpcustom .enlighter-btn{
font-family: "Open Sans",Arial,Verdana,sans-serif;
background-image: none;
background-color: #08A1A5;
color: #162528;
font-size: 1.1em;
padding: 2px 8px 2px 8px;
margin: 0 5px 0 5px;
border: solid 1px #383e49;
border-radius: 4px;
}
.enlighter-t-wpcustom .enlighter-btn:hover{
background-color: #121518;
color: #f0f0f0;
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-raw{
background-image: none;
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-raw:after{
content: 'Raw';
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-copy{
background-image: none;
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-copy:after{
content: 'Copy';
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-window{
background-image: none;
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-window:after{
content: 'Extern';
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-website{
background-image: none;
}
.enlighter-t-wpcustom .enlighter-toolbar .enlighter-btn-website:after{
content: 'EnlighterJS';
}
.enlighter-t-wpcustom .enlighter-raw{
font-size: 1.4em;
color: #cfd5e0;
background-color: #272b33;
line-height: 1.85em;
padding: 4px 5px 4px 54px;
}
.enlighter-t-wpcustom div.enlighter>div{
padding: 1px 5px 1px 14px;
line-height: 1.6em;
color: #596174;
background-color: #272b33;
}
.enlighter-t-wpcustom div.enlighter>div:FIRST-CHILD{
padding-top: 5px;
}
.enlighter-t-wpcustom div.enlighter>div:LAST-CHILD{
padding-bottom: 5px;
}
.enlighter-t-wpcustom div.enlighter>div:AFTER{
content: ' ';
}
.enlighter-t-wpcustom div.enlighter>div.enlighter-special{
background-color: #392d3b;
}
.enlighter-t-wpcustom.enlighter-linenumbers div.enlighter>div::before{
padding: 1px 5px 1px 14px;
font-size: 1.3em;
}
.enlighter-t-wpcustom.enlighter-hover div.enlighter>div:hover{
background-color: #2e353e;
}
.enlighter-t-wpcustom .enlighter span{
font-size: 16px;
font-family: "Open Sans",Arial,Verdana,sans-serif;
line-height: 17px;
background-color: #1F272A;
}
.enlighter-t-wpcustom .enlighter-text{
color: #cfd5e0;
}
.enlighter-t-wpcustom .enlighter-c0{
color: #7E8B8D;
}
.enlighter-t-wpcustom .enlighter-c1{
color: #7E8B8D;
}
.enlighter-t-wpcustom .enlighter-c2{
color: #7E8B8D;
}
.enlighter-t-wpcustom .enlighter-c9{
color: #7E8B8D;
}
.enlighter-t-wpcustom .enlighter-k0{
color: #F39A13;
}
.enlighter-t-wpcustom .enlighter-k1{
color: #C385BE;
}
.enlighter-t-wpcustom .enlighter-k2{
color: #099397;
border-bottom: dotted 1px #d19252;
}
.enlighter-t-wpcustom .enlighter-k3{
color: #D6DFDF;
}
.enlighter-t-wpcustom .enlighter-k4{
color: #C385BE;
}
.enlighter-t-wpcustom .enlighter-k5{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-k6{
color: #d171dd;
font-style: italic;
}
.enlighter-t-wpcustom .enlighter-k7{
color: #D6DFDF;
}
.enlighter-t-wpcustom .enlighter-k8{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-k9{
color: #fff;
}
.enlighter-t-wpcustom .enlighter-k10{
color: #7DC6C8;
font-style: italic;
}
.enlighter-t-wpcustom .enlighter-k11{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-e0{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-e1{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-e2{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-e3{
color: #D6DFDF;
}
.enlighter-t-wpcustom .enlighter-e4{
color: #d2901d;
font-style: italic;
}
.enlighter-t-wpcustom .enlighter-s0{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-s1{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-s2{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-s3{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-s4{
color: #7DC6C8;
font-weight: 700;
}
.enlighter-t-wpcustom .enlighter-s5{
color: #7DC6C8;
font-style: italic;
}
.enlighter-t-wpcustom .enlighter-n0{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-n1{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-n2{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-n3{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-n4{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-n5{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-m0{
color: #F39A13;
}
.enlighter-t-wpcustom .enlighter-m1{
color: #F39A13;
}
.enlighter-t-wpcustom .enlighter-m2{
color: #F39A13;
}
.enlighter-t-wpcustom .enlighter-m3{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-g0{
color: #6b7c8b;
}
.enlighter-t-wpcustom .enlighter-g1{
color: #D6DFDF;
}
.enlighter-t-wpcustom .enlighter-t0{
color: #6b7c8b;
}
.enlighter-t-wpcustom .enlighter-t1{
color: #9b0d5c;
font-weight: 700;
}
.enlighter-t-wpcustom .enlighter-t2{
color: #990073;
font-weight: 700;
}
.enlighter-t-wpcustom .enlighter-t3{
color: #7DC6C8;
font-style: underline;
}
.enlighter-t-wpcustom .enlighter-t4{
color: #4284ae;
}
.enlighter-t-wpcustom .enlighter-t5{
color: #4284ae;
}
.enlighter-t-wpcustom .enlighter-t6{
color: #9b0d5c;
}
.enlighter-t-wpcustom .enlighter-t7{
color: #6b7c8b;
font-weight: 700;
}
.enlighter-t-wpcustom .enlighter-t8{
color: #7DC6C8;
}
.enlighter-t-wpcustom .enlighter-x1{
color: #d171dd;
}
.enlighter-t-wpcustom .enlighter-x2{
color: #d19252;
border-bottom: dotted 1px #d19252;
}
.enlighter-t-wpcustom .enlighter-x10{
color: #d171dd;
}
.enlighter-t-wpcustom .enlighter-x11{
color: #d171dd;
}
.enlighter-t-wpcustom .enlighter-x12{
color: #d171dd;
text-decoration: underline;
}
.enlighter-t-wpcustom .enlighter-x13{
color: #d19252;
border-bottom: dotted 1px #d19252;
}
.enlighter-t-wpcustom .enlighter-x14{
color: #d19a66;
font-style: italic;
}
.enlighter-t-wpcustom .enlighter-x15{
color: #9b0d5c;
font-style: italic;
}
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-wrapper{
position: relative;
}
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch{
padding: 5px 5px 0 45px;
background-color: #121518;
}
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn{
padding: 2px 8px 0 8px;
border: none;
background-color: #08A1A5;
line-height: 2.1em;
font-weight: 700;
color: #162528;
border-radius: 5px 5px 0 0;
text-transform: lowercase;
}
.enlighter-t-wpcustom.enlighter-v-codegroup .enlighter-codegroup-switch .enlighter-btn.enlighter-active{
background-color: #272b33;
}
.enlighter-t-wpcustom div.enlighter>div.enlighter-special:hover{
}
.enlighter-t-wpcustom .enlighter-x16{
}Hi, is there any way to import the plugin settings to a new site?
Thanks.
]]>Hi together,
we are using Enlighter plugin for the JSON code in our knowledge base. Last month we changed the plugin for our knowledge base (from MinervaKB to BetterDocs). Therefor all doc pages were exported and imported as XML file again. The layout in our documents stayed the same, except the formatting of our JSON code. Now all breaks are gone within the enlighted sections. Is there a possibility to include these breaks all over again? We cannot do it manually as there are a lot of pages.
This is one of the affected pages: https://www.tenios.de/en/doc/api-call-posts
Thank you in advance,
Denise
When I go to the <? write, WordPress outputs <!–?php in the highlighter.
]]>Hi, How can I set code block’s border radius?
]]>With the latest version of Enlighter (4.6.1), I’m getting this error with any <pre> tags that were previously created with Crayon.
ENLIGHTER::INVALID_CODE_FRAGMENT
]]>Hello everyone,
anyone has suggestions about which syntax to choose for makefiles? I tried many but I got mostly no highlight at all.
]]>
hello, how to fix this overflow? Tks
]]>Hello, I recently used the Poedit plugin to translate the English POT in the Enlight v4 plugin directory into Chinese and put the translated mo and po files into the lang directory, but no matter what, the Chinese interface does not show up, does the Enlight v4 version not support loading third party language packs? Thanks!
]]>Hello,
I’ve been using this plugin since last year, and it’s mind-blowing. The only thing I’d recommend that will add more value to the plugin is that it should have the option to add multiple languages on a single Code Block. As you can see in the screenshot below:
One program has been written in multiple programming languages in the above screenshot. Instead of using different blocks, all are combined in a single Code Block and can be easily switched between other programming languages.
Please add this feature to the plugin!
Thanks!
]]>Hi everyone!
I’m trying to switch from Syntactic Highlighter Evolve to something better and niecier. Plus I’d like to have an ability to use Markdown ` symbols for coloring of inline code and code blocks.</p>
<p>Enlighter does its work with code blocks (that are surroned with `) very well but have problems with inline code.
The problem is that it moves the inline code to a new line just adding <p></p> or closing </p> between the previous text and the inline code:
<div class="entry-content">
<p>Next will be the inline code </p>
<div class="enlighter-default enlighter-v-inline enlighter-t-enlighter enlighter-l-raw "><span class="enlighter"><span class="enlighter-text">this is inline code</span></span></div><code data-enlighter-language="raw" class="EnlighterJSRAW enlighter-origin">this is inline code</code>How to fix this issue? I’d like to have my inline code inline with the rest of the text.
]]>Hello! How I can open by default section “Codegroup” in sidebar.
]]>Hey! I have a site with posts containing htaccess code. I would like to use your plugin to somehow highlight the htaccess code. But I did not find a similar syntax in the drop-down list.
]]>I was so happy to finally find this plugin, but sadly all twitching within its options has had no effect – I still cannot see colour highlighting or anything different in the classic (HTML) editor view when I’m editing a page ??
Could it be some issue with my web browser?
I’m using Seamonkey 2.53.14 in Ubuntu/Linux.
Extra info. At the Error console of my browser I get this:
Error: TypeError: this._devtoolbar._doc.getElementById(...) is null
Source File: resource://devtools/shared/base-loader.js -> resource://devtools/client/shared/developer-toolbar.js
Line: 893Thanks for any help.
]]>Hi,
I have installed Enlighter 4.5.0 on my worpress site.
In post preview, it work fine (As you can see here https://spring-boot.ml/on-preview-mode.PNG)
But when I publish my post it juste change the background color as you can see here https://spring-boot.ml/spring-boot-3-et-spring-framework-6-les-nouveautes/
Is there a known issue about this behavior?
Thank you in advance
]]>