如何在tinyMCE 4中编写file_browser_callback函数

时间:2016-06-23 10:19:06

标签: jquery tinymce

我希望能够将图像添加到文本区域。目前,如果我提供图像的URL,我可以添加图像。 我想要的是能够在我的电脑上浏览图像并将其添加到textarea。我不知道如何编写file_browser_callback函数。我已经阅读了关于它的官方文档,但这并没有解决我的问题。 这是我的代码:

tinymce.init({
selector: '#mytextarea',
theme: 'modern',
skin: 'lightgray' ,
width: 600,
height: 300,
plugins : [
  'advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker',
  'searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking',
  'save table contextmenu directionality emoticons template paste textcolor code'
],

toolbar: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image | print preview media fullpage | forecolor backcolor emoticons | code',

statusbar:false,
code_dialog_height: 300,
code_dialog_width: 350,

images_upload_url: 'uploadImage.php',
images_upload_base_path: '/some/basepath',
images_upload_credentials: true,
automatic_uploads: false,
file_browser_callback: function(field_name, url, type, win) {
win.document.getElementById(field_name).value = 'my browser value';

},
file_browser_callback_types: 'file image media'

});

1 个答案:

答案 0 :(得分:0)

你真的看过文件吗?因为它很好地描述了如何编写这个函数并解释它可能需要的每一行代码。 http://archive.tinymce.com/wiki.php/TinyMCE3x:How-to_implement_a_custom_file_browser
你有什么理解不明白?

除此之外,您还需要一个文件浏览器。 Browser_callback_function仅启动外部工具,并希望接收文件的路径/ url作为返回值。 你可能会看一些第三方文件浏览器的tinymce,比如其中之一:
http://www.roxyfileman.com/
http://www.responsivefilemanager.com/