• D＆Dは画像だけにする？-> 上下入れ替え
• h1をh2,h3に変更-> nodeTagの変更関数
• -> スクロール禁止にする・しない
• フォーカスした時の青線-> 要素にoutline: none; で消える

//ノード名で判定
x = document.getElementById('ts1').nodeName
['H1','H2','H3','H4','H5'].includes(x);

//文字列で判定 -> string(先頭・後方の空白除去、先頭から３文字)
x = textarea.value.trim().slice(0,3);
//includesは大文字小文字を区別する
['<H1','<H2','<H3','<H4','<H5','<h1','<h2','<h3','<h4','<h5'].includes(x);

//

  let $add = (op.mode == 'block')?el$(op.addbtn):'';
  let $box = fn$.box({box:op.box,add:$add})(el);
//単体モード or ブロックモードで追加ボタンの有無
  if($add) $box.footer.appendChild($box.add);
//IDをボックスメインに付与：必要？？
  let $id = fn$.setid('cry')($box.main);

  //中身を判定  ノード||テキストノード||空 -> 空の場合は 'textbox'
  //   let $inner = $box.main.firstElementChild||$box.main.firstChild||$box.main.innerHTML;
     const $inner = $box.main.childNodes;
  //タイプをノードから判定する場合
      if(!op.type) {
        op.type = ($inner.length == 0)?'textbox':editor$.checkNode($inner.item(0));
      }
  //タイプに該当するclass
      const $class = editor$.class[editor$.type.indexOf(op.type)];
  //編集ボックスにタイプに応じた権限を与える

  //バーをセット（パーはページで一位）
      const $bar = document.getElementById(op.id_bar)||el$({id:op.id_bar});
      $box.header.appendChild($bar);
  //バーに個別バー＆ボタンをセット
      const $editbar = document.getElementById(op.prefix + op.type + '-id')||el$({id:op.prefix + op.type + '-id',class:op.class_inner_bar + ' ' + $class  },list$(editor$.btn[op.type],'',editor$.btn.tpl));
      $bar.appendChild($editbar);
  console.log(op.type);
  //タイプ別に編集モードにする
  //contentEditableモードにする
      if(['blockquote','textbox'].includes(op.type)) $box.main.firstElementChild.setAttribute('contentEditable','true');
      if(op.type == 'headline') $box.main.firstElementChild.firstElementChild.setAttribute('contentEditable','true');

  //ボタンに関数をセットする関数
  editor$.fun.set = function(type){
   return function(el) {
     return editor$.fun[type](editor$.fnop[type])(el);
   }
  };

  //エレメント生成配列で、関数をセットする
  /*  見出し用  */
  editor$.btn.headline = [
    { name:"デザイン", icon:"nja-logo-design", fun: editor$.fun.set('headline'),},
  ];

  //タイプ別に編集モードにする
  //contentEditableモードにする
      if(['blockquote','textbox'].includes(op.type)) $box.main.firstElementChild.setAttribute('contentEditable','true');
      if(op.type == 'headline') $box.main.firstElementChild.firstElementChild.setAttribute('contentEditable','true');

//クリックしたときに
$box.main.addEventListener('click',function(){
//１回だけ動作（ターゲットIDとブロック要素のIDが一致しない場合のみ動作）
  if($bar.getAttribute('data-target') !=  $id) {
//編集バーを移動
          $box.header.appendChild($bar);
//個別バーをアクティブ -　タイプクラスをつけてCSSで表示・非表示
          fn$.inClass(editor$.class,'remove')($bar);
          $bar.classList.add($class);
//ターゲットの指定を変える
          $bar.setAttribute('data-target',$id);
  }
  },false);