How to load and use tinyMCE in magento2?

Question

i have element

<h2 id="editable" class="editable">Editable header</h2>

i tried to use

<script>
   require([
    'jquery',
    'tinymce'

    ],function($){
        tinyMCE.init({
              elements: 'div.editable',
              inline: true,
              toolbar: 'undo redo',
              menubar: false
        });
})
</script>

Answer 1

You are forgot to pass tinyMCE parameter in function.

Try below code :

<script>
   require([
    'jquery',
    'tinymce'

    ],function($,tinyMCE){
        tinyMCE.init({
              elements: 'div.editable',
              inline: true,
              toolbar: 'undo redo',
              menubar: false
        });
})
</script>

Also please clear the cache and after clearing the cache use below command.

php bin/magento setup:static-content:deploy

Answer 2

You have missing tinyMCE in function parameter.

<script>
   require([
    'jquery',
    'tinymce'

    ],function($,tinyMCE){
        tinyMCE.init({
              elements: 'div.editable',
              inline: true,
              toolbar: 'undo redo',
              menubar: false
        });
})
</script>

Remove var folder and clear cache and try again.