Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整浏览器窗口大小时重新初始化时,将变量发送到TinyMCE 4.0_Javascript_Tinymce_Tinymce 4_Window Resize - Fatal编程技术网

Javascript 调整浏览器窗口大小时重新初始化时,将变量发送到TinyMCE 4.0

Javascript 调整浏览器窗口大小时重新初始化时,将变量发送到TinyMCE 4.0,javascript,tinymce,tinymce-4,window-resize,Javascript,Tinymce,Tinymce 4,Window Resize,我想知道是否有办法将字符串发送到TinyMCE 4.0的工具栏设置,并在重新调整浏览器窗口大小时重新初始化 在这里,我使用“inquire”作为脚本来处理更改,但我不介意任何技术。我尝试了ed.on('init')和PreInit,但毫无希望 只需发送bar1和bar2的更新变量并重置编辑器 <script> var bar1 =''; var bar2 = ''; _simpleInt = { mode: 'exact',

我想知道是否有办法将字符串发送到TinyMCE 4.0的工具栏设置,并在重新调整浏览器窗口大小时重新初始化

在这里,我使用“inquire”作为脚本来处理更改,但我不介意任何技术。我尝试了ed.on('init')和PreInit,但毫无希望

只需发送bar1和bar2的更新变量并重置编辑器

<script>


    var bar1 ='';
    var bar2 = '';


    _simpleInt = {
        mode: 'exact',
        elements: "TEXT_ID",
        selector: "textarea:not(.advanced-editor)",
        editor_selector: "simple-editor",
        theme: "modern",
        editor_deselector: /(mceNoEditor|NoRichText)/,
        width: '100%',
        height: '200',
        toolbar_items_size: 'small',
        setup: function (ed) {
            ed.on('init', function (args) {

            });
        },

        plugins: [
             "advlist autolink link image lists charmap print preview hr anchor pagebreak spellchecker template",
             "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking",
             "save table contextmenu directionality emoticons template paste textcolor dotNetImage qrcode youtube autosave"
        ],
        toolbar1: bar1,
        toolbar2: bar2,
        image_advtab: true
    }
    enquire.register("screen and (max-width: 1024px)", {
        setup: function () {

        },
        match: function () {
            bar1 = 'bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist | ';
            bar2 = 'undo redo | cut copy paste | table | emoticonsqrcode  image | link unlink anchor qrcode |   ';
            tinymce.EditorManager.execCommand('mceRemoveEditor', false, "TEXT_ID");
            tinymce.init(_simpleInt);
            //alert("a")
        },
        unmatch: function () {
            bar1 = 'bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | bullist numlist | | ltr rtl |  outdent indent | | forecolor backcolor | searchreplace | ';
            bar2 = 'undo redo | cut copy paste | table | emoticonsqrcode  image | link unlink anchor qrcode |  hr nonbreaking inserttime | visualchars visualblocks | removeformat restoredraft | ';
            tinymce.EditorManager.execCommand('mceRemoveEditor', false, "TEXT_ID");
            tinymce.init(_simpleInt);


        }
    });

 tinymce.init(_simpleInt);
</script>

var bar1='';
var bar2='';
_simpleInt={
模式:“精确”,
元素:“TEXT_ID”,
选择器:“文本区域:非(.advanced editor)”,
编辑器\选择器:“简单编辑器”,
主题:“现代”,
编辑器|取消选择器:/(mceNoEditor | NoRichText)/,
宽度:“100%”,
高度:'200',
工具栏项目大小:“小”,
设置:功能(ed){
ed.on('init',函数(args){
});
},
插件:[
“advlist autolink图像列表charmap打印预览hr锚定页面中断拼写检查器模板”,
“searchreplace wordcount visualblocks visualchars代码全屏插入日期时间媒体非中断”,
“保存表格上下文菜单方向性表情模板粘贴文本颜色点网络图像qrcode youtube自动保存”
],
工具栏1:bar1,
工具栏2:bar2,
图像\u advtab:真
}
查询注册表(“屏幕和(最大宽度:1024px)”{
设置:函数(){
},
匹配:函数(){
bar1='粗体斜体下划线删除线|左对齐中心对齐右对齐对齐对齐对齐|粗体数字列表|';
bar2='undo redo |剪切复制粘贴|表格|表情qrcode图像|链接取消链接锚定qrcode |';
tinymce.EditorManager.execCommand('mceRemoveEditor',false,“TEXT_ID”);
tinymce.init(_simpleInt);
//警报(“a”)
},
取消匹配:函数(){
bar1='粗体斜体下划线删除线|对齐左对齐中心对齐右对齐对齐对齐对齐对齐|粗体numlist | | ltr rtl |凹痕缩进| |前景色背景色|搜索替换|';
bar2='undo redo |剪切复制粘贴| table |表情qrcode图像|链接取消链接锚定qrcode | hr非中断插入时间| visualchars visualblocks | removeformat restoredraft |';
tinymce.EditorManager.execCommand('mceRemoveEditor',false,“TEXT_ID”);
tinymce.init(_simpleInt);
}
});
tinymce.init(_simpleInt);

我找到了一个方法。。我已经创建了一个解决方案。我还使用了一个函数将init延迟到resize停止后

  var myBar1;
  var myBar2;

  function iniTinyMce() {
      if($(window).width() > 1100) {
          myBar1 = "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image";
          myBar2 = "print preview media | forecolor backcolor emoticons";
          setTimeout(function() {
              tinymce.EditorManager.execCommand('mceRemoveEditor', true, "example");
              tinymce.init(_settings);
          }, 100);
      }
      else {
          myBar1 = "insertfile undo redo | styleselect | bold italic | alignleft aligncenter ";
          myBar2 = "print preview media | bullist numlist outdent indent | link image";
          setTimeout(function() {
              tinymce.EditorManager.execCommand('mceRemoveEditor', true, "example");
              tinymce.init(_settings);
          }, 100);
      }
      var _settings = {
          selector: 'textarea',
          height: 500,
          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: myBar1,
          toolbar2: myBar2,
          image_advtab: true,
          templates: [{
              title: 'Test template 1',
              content: 'Test 1'
          }, {
              title: 'Test template 2',
              content: 'Test 2'
          }]
      }
  }
   // Init tinyMce on load
  iniTinyMce();

   // After Resize end
  $(window).bind('resizeEnd', function() {
      // Init tinyMce
      iniTinyMce();
  });

  $(window).resize(function() {
      if(this.resizeTO) clearTimeout(this.resizeTO);
      this.resizeTO = setTimeout(function() {
          $(this).trigger('resizeEnd');
      }, 500);
  });