Does not seem to work when multiple editors on same page

[schaffer1969]

Hi,

I'm having issues getting two instances working on the same page.
The first instance displays the dropdown but the second does not.

I saw the previous issue from 2015 and can't get that working even if I update the JS and css file locations.
#26

I've included my code below.
I'd appreciate your thoughts on this.

`

<style> </style> <script src="./tinymce/js/tinymce/tinymce.min.js"></script> <script src="./js/jquery/jquery-3.3.1.js"></script> <script> tinymce.init({ selector: 'textarea#section2', height: 500, menubar: false, statusbar: false, plugins: [ 'mention' ], mentions: { source: [ { name: 'name 1'}, { name: 'name 2'}, { name: 'name 3'}, { name: 'name 4'} ] } }); tinymce.init({ selector: 'textarea#section3', height: 500, menubar: false, statusbar: false, plugins: [ 'mention' ], mentions: { source: [ { name: 'name 1'}, { name: 'name 2'}, { name: 'name 3'}, { name: 'name 4'} ] } }); </script> <textarea id="section2" > </textarea> <textarea id="section3" > </textarea>

`
Thanks

Mark

[StevenDevooght]

Hi,

Can you create a fiddle reproducing the problem?

[StevenDevooght]

The updated fiddle seems to work.

[schaffer1969]

Thanks Steven.
There seems to be a compatibility issue with TinyMCE 5.0+. Works with 4.x but not 5.
See example fiddle