Why not supported pre in text/html editor

I wrote in txt/html editor mode:

<pre>    
$('#loading-example-btn').click(function () {
      var btn = $(this)
      btn.button('loading')
      $.ajax(...).always(function () {
        btn.button('reset')
      });
    });
</pre>

but nothing happens (just plain text).
https://i.ibb.co/fGspMCH/img-150.jpg

• This reply was modified 5 years, 4 months ago by jeanwinters.
• This reply was modified 5 years, 4 months ago by jeanwinters.

please post the enclosed pre tags too

I wrote pre and all the rest (just the forum cleared some chars for some reason):

https://i.ibb.co/Cm09qtZ/img-151.jpg

this should work – could your publish your testpost ? then i can take a look on it

https://jwinters.ru/gamedev/123/

Hello! And so on? Plugin doesn’t work properly with pre tags and imperfect works with markdown features (simply highlight lines). Therefore declare that it is only for wysiwyg use, but not for txt/html mode (as it does not support, as figuring out, even minor features in that html/txt mode).

@jeanwinters

everything works as expected within the testing environment – see this example for markdown/shortcodes/pre tags: https://github.com/EnlighterJS/Plugin.WordPress/issues/193

by using raw pre-tags even the indentation will be preserved.

i cannot tell you what’s going wrong with your website without taking a look into a demo post on the frontend – so please post a link

—–

Enlighter is fully useable within every test editor. The markdown “standard” doesn’t contain any additional attributes for fenced codeblocks which are required to point out special lines of code.

I posted the link of test web page above, look there please. It’s very strange you haven’t caught sight of it.

i’m just getting a “ERR_CONNECTION_REFUSED” error

Hello! I’ve just paid domain, it was to be prolonged. Now it should be available.

It seems there is some issue found. On enlighterjs.org written:
“Just add the data-enlighter-language attribute to specify the programming language.
<pre data-enlighter-language="js">”

But it needs to be add class=”EnlighterJSRAW” necessarily. The code only works with this attribute.

Another question, how to make horizontal scrolling for lines?

• This reply was modified 5 years, 4 months ago by jeanwinters.

For the raw EnlighterJS setup – using the default config+selectors – that is absolutely true. The WordPress plugin uses a slight modified configuration with other default selectors which can be changed in Enlighter -> Options -> Advaned Options -> CSS Selector. I thought you’ve already took a look into that, sry

**Horizontal scrolling on Enlighter v3/ EnlighterJS v2**

https://github.com/EnlighterJS/Plugin.WordPress/issues/31

**Horizontal scrolling on Enlighter v4/ EnlighterJS v3**

Use the textOverflow option (scroll or break)

I tried first workaround. The horizontal scrolling appeared but area offset background is not rendered.

https://i.ibb.co/BLsz2Z0/img-152.jpg

The second workaround, as I caught, not for wordpress plugin.

• This reply was modified 5 years, 4 months ago by jeanwinters.

of course, the workaround is bit weak. if it doesn’t meet your requirements use v4

How to use v4 for wordpress? Is it possible?

see https://github.com/EnlighterJS/Plugin.WordPress/releases