tinymce-реагировать Вставьте изображение в редактор tinymce

Question

Этот вопрос похож на этот вопрос stackoverflow, где мы хотим реализовать пользовательскую библиотеку изображений и программно добавить изображение в tinymice.Единственное отличие состоит в том, что мы используем плагин tinymce-response вместо установки tinymice в jquery.Моя текущая конфигурация Tymnice

<TinyMCE apiKey={"myKeyHere"}
            config={{
                height: 500,
                plugins: 'image table link',
                selector: "textarea",  // change this value according to your HTML
                menubar: "insert",
                default_link_target: "_blank",
            }}
            content={this.props.value}
            onContentChanged={(event) => {
                {/*console.log(event)*/
                }
                this.props.onChange(event)
            }}
        />

Answer 1

Оказалось намного проще, чем я думал.Я мог бы просто сделать

    <script>
    $(document).ready(function() {
        $("#btnSubmit").click(function(){
            tinymce.activeEditor.insertContent('<img alt="Smiley face" height="50" width="50" src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTi7TskMwhabA1y8S5uSKON0ES5t6ehm9nUZO_5qjDFUUU52Y22qA"/>');
        });
    });
</script>

в верхней части моей страницы, и это сработало.

Единственный улов, который я видел, был, это вставит изображение, даже если никакой редактор Tinimice не активен.Но это можно обойти, если мы покажем галерею только из редактора tinymice.