TinyMce从文件浏览器中选择照片

时间:2018-12-21 10:46:52

标签: javascript php tinymce

我正在尝试制作文件浏览器。我想选择上传的照片。我在互联网上找到了此代码。浏览器运行良好。打开我上传的照片,但不要选择(选择)照片。我该怎么办?

    var imageFilePicker = function(callback, value, meta) {
  tinymce.activeEditor.windowManager.open({
    title: 'Image Picker',
    url: '/images/getimages',
    width: 650,
    height: 550,
    buttons: [{
      text: 'Insert',
      onclick: function() {
        //.. do some work
        tinymce.activeEditor.windowManager.close();
      }
    }, {
      text: 'Close',
      onclick: 'close'
    }],
  }, {
    oninsert: function(url) {
      callback(url);
      console.log("derp");
    },
  });
};


tinymce.init({
  selector: 'div#html-editor',
  height: 200,
  theme: 'modern',
  plugins: [
    'advlist autolink lists link image charmap print preview hr anchor pagebreak',
    'searchreplace wordcount visualblocks visualchars code fullscreen',
    'insertdatetime media nonbreaking save table contextmenu directionality',
    'emoticons template paste textcolor colorpicker textpattern imagetools'
  ],
  toolbar1: 'insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image',
  toolbar2: 'print preview media | forecolor backcolor emoticons',
  image_advtab: true,
  paste_data_images: true,
  automatic_uploads: true,
  file_picker_callback: function(callback, value, meta) {
    imageFilePicker(callback, value, meta);
  }
});

    <script src="https://cloud.tinymce.com/stable/tinymce.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

0 个答案:

没有答案