Summernote 它可能已被移动或删除（无法粘贴视频）

Question

无法在 summernote js 中粘贴视频

这是我的 summernote 配置

$('.summernote-block').summernote({
  height: 250, 
  focus: true,

  toolbar: [
    // [groupName, [list of button]]
    ['insert', ['link', 'picture','videoAttributes','media', 'video', 'table', 'hr']],
    ['style', ['bold', 'italic', 'underline','style']],
    ['fontsize', ['fontsize']],
    ['color', ['color']],
    ['para', ['style', 'ul', 'ol', 'paragraph']],
    ['height', ['height']],
    ['view', ['fullscreen']]

  ],
  popover: {
    airMode: true,
    image: [
      ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
      ['float', ['floatLeft', 'floatRight', 'floatNone']],
      ['remove', ['removeMedia']]
    ],
    video: [
      ['providers', ['YouTube', 'Vimeo', 'Vine', 'Instagram', 'DailyMotion', 'Youku']]
    ],
    link: [
      ['link', ['linkDialogShow', 'unlink']]
    ],
    air: [
      ['color', ['color']],
      ['font', ['bold', 'underline', 'clear']],
      ['para', ['ul', 'paragraph']],
      ['table', ['table']],
      ['insert', ['link', 'picture','video']]
    ]

  }
});

我在 html 文件的 head 标签中包含的内容。

<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700,200" rel="stylesheet" />
  <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  <!-- CSS Files -->
  <link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
  <link href="../assets/css/now-ui-dashboard.css?v=1.1.0" rel="stylesheet" />
  <!-- CSS Just for demo purpose, don't include it in your project -->
  <!-- <link href="../assets/demo/demo.css" rel="stylesheet" /> -->
  <link href="../assets/js/plugins/summernote/summernote-bs4.css" rel="stylesheet">

也在底部收体前

 <script src="../assets/js/core/jquery.min.js"></script>
  <script src="../assets/js/core/popper.min.js"></script>
  <script src="../assets/js/core/bootstrap.min.js"></script>
  // <script src="../assets/js/plugins/perfect-scrollbar.jquery.min.js"></script>
  <!-- include summernote css/js -->
  <script src="../assets/js/plugins/summernote/summernote-bs4.min.js"></script>
  <!--  Google Maps Plugin    -->
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY_HERE"></script>
  <!-- Chart JS -->
  <script src="../assets/js/plugins/chartjs.min.js"></script>
  <!--  Notifications Plugin    -->
  <script src="../assets/js/plugins/bootstrap-notify.js"></script>
  <!-- Control Center for Now Ui Dashboard: parallax effects, scripts for the example pages etc -->
  <script src="../assets/js/now-ui-dashboard.min.js?v=1.1.0" type="text/javascript"></script>
  <!-- Now Ui Dashboard DEMO methods, don't include it in your project! -->
  <script src="../assets/demo/demo.js"></script>
  <script>
    $(document).ready(function() {
      // Javascript method's body can be found in assets/js/demos.js
      demo.initGoogleMaps();
    });
  </script>

我想做什么。

1.我尝试用除bootstrap popper 或jQuery 之外的其他脚本替换summernote include script 标签 2.T尝试使用summernote的简单配置我删除所有配置并将这段代码粘贴到下面

 $(document).ready(function() {
   $('#summernote').summernote();
 });

3.我尝试在summernote中使用一些视频插件。

同样在 codepen 中，我看到许多示例粘贴视频而没有任何配置，并且包含相同的文件，就像我的情况一样，它工作得很好。

请帮忙。

Answer 1

在尝试插入视频时，您是否在控制台中看到任何错误（按 F12 打开 devtools）？您是否有任何可能会干扰的广告拦截软件或阻止 youtube 的代理？

我猜你是在本地运行这个，你能把你的代码移动到公共网络服务器上进行测试吗？这里有一些与您看到的错误相关的帖子，也许它们会有所帮助...

File URL "Not allowed to load local resource" in the Internet Browser

Cannot open local file - Chrome: Not allowed to load local resource