Odd Medium Editor Behaviour

brad · June 26, 2018, 4:23pm

I have Medium Editors on my site and they work fine. But for some reason below them there seems to be an HTML Preview textarea as well? This is only happening on one of my sites.

Code:

<textarea id="articleContent" name="articleContent" class="form-control" is="dmx-medium-editor" buttons="bold,italic,underline,anchor,quote,unorderedlist,justifyLeft,justifyCenter,justifyRight,justifyFull,removeFormat"></textarea>

Screenshot:

brad · June 22, 2018, 6:32pm

Any idea what is causing this? It is happening on all the Medium Editors on one site.

Teodor · June 22, 2018, 6:35pm

Hey Brad,
Could you please send me a link to this site in a private message, so I can inspect this tomorrow morning?

brad · June 22, 2018, 6:40pm

Message and login details sent. Thanks.

brad · June 25, 2018, 11:35pm

Any luck on this issue?

Teodor · June 26, 2018, 4:23pm

Hi Brad,
Sorry - forgot to post the answer here.
The bootstrap css file is overriding some default medium editor styles.

Moving the bootstrap include before the medium editor css will fix the issue:

<link rel="stylesheet" type="text/css" href="bootstrap/4/solar/bootstrap.min.css">

brad · June 26, 2018, 4:07pm

Thanks, Teodor. That fixed it.

EinfachChris · January 21, 2023, 8:08am

I have exactly the same problem.
For me, bootstrap.min.css is loaded before dmxMediumEditor.css and dmxMediumEditor.js.
Nevertheless I have the problem.

Is there a solution here?