将文件加载到tinyMCE编辑器中

我有一个文件选择器,并希望加载选择到tinyMCE编辑器textarea中的HTML和XML文件。

我有以下代码,它不起作用。

 tinymce.init({ selector: 'textarea', // change this value according to your HTML height: 400, browser_spellcheck: true, plugins: "code,table,textcolor,save,preview,searchreplace,advlist,textcolor,hr,fullscreen", toolbar: [ 'save | undo redo | styleselect | fontsizeselect | bold strikethrough italic forecolor backcolor | link image | alignleft aligncenter alignright | numlist bullist | indent outdent | table | code | fullscreen' ], file_browser_callback: function(field_name, url, type, win) { win.document.getElementById(field_name).value = 'editor'; console.log(win.document.getElementById(field_name).value); }, save_onsavecallback: function () { var doc = tinymce.get('content').getDoc(); console.log('Content: ', doc); } });  

textarea看起来像这样:

  

确切地说,这是发生的事情。 我看到了一个文件选择器,但是当我点击打开文档时,所选文件没有输入到textarea中。

下面的图片。

文件选择器的图象

如果我打开其中一个文件,他们将不会在tinymce textarea …

根据您对案例评论的最后回复,您不需要TinyMCE文件选择器function – 您需要构建一个允许选择文件,上传文件,然后将文件的HTML表示发送回浏览器,以便您可以通过setContent() API将该HTML插入编辑器。

我会使用自定义工具栏按钮打开一个“对话框”,它实际上是一个带有文件选择UI的单独HTML页面。 选择文件后,您可以将其发送到您的服务器。 服务器可以根据需要打开/处理文件,并将HTML结果发送回“对话框”。 然后,“对话框”可以使用TinyMCE setContent() API将数据加载到编辑器中。

一个简单的文件选择器不会做你需要的一切。