tinymce 5

HTML

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>



    <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>


<script>
    tinymce.init({
        selector: '#mytextarea',
        setup : function(ed){	
            
                ed.on('init', function(){
                    document.querySelector('#add_text').addEventListener('click',function () {
                        tinymce.get('mytextarea').setContent('...content here...');
                    });
                });
                
        }
    });

    
    tinyMCE.init({
        selector: 'textarea#mytextarea',
        directionality : 'rtl',
        
    });


</script>


</head>
<body>




<form method="post">
    <p id="add_text">add text</p>
    <textarea id="mytextarea" name="mytextarea"></textarea>
</form>






</body>
</html>