HTML非表示規則のサンプル

「no-break space」と「文字実体参照」

Amebameba

▢▢   ▢▢ < ▢▢ > ▢▢ & ▢▢

●Space (nbsp) の問題

function view(k){
    if(T_flag>0){
        mark[k].scrollIntoView(); }


 ▢▢▢▢▢▢▢▢▢▢▢
  ▢▢▢▢▢▢▢▢▢▢▢
   ▢▢▢▢▢▢▢▢▢▢▢
    ▢▢▢▢▢▢▢▢▢▢▢
                          ▢▢▢▢▢▢▢▢▢▢

 ▢

  ▢

   ▢

    ▢

                          ▢

● 整形処理をしない通常のコード

function view(k){
    if(T_flag>0){
        mark[k].scrollIntoView(); }

●「BR Checker + To Space (nbsp)」による処理後のコード

function view(k){
    if(T_flag>0){
        mark[k].scrollIntoView(); }

      function all_clear(event){
            let o_tag=iframe_doc.querySelectorAll('.brs'); // 処理時の brshell の処理残りをカウント確認
            if(o_tag.length >0){
                alert("⛔　BR削除処理が不完全です 　BR-Shell数：" + o_tag.length +"\n\n" +
                      "　　　BR削除「Ctrl + F10」　を再実行してください");
                event.stopImmediatePropagation();
                event.preventDefault(); }
            else{
                let i_tag;
                editor_iframe=document.querySelector('.cke_wysiwyg_frame');
                iframe_doc=editor_iframe.contentWindow.document;
                i_tag=iframe_doc.querySelectorAll('.brm');
                if(i_tag.length >=1){
                    for(let i=0; i < i_tag.length; i++){ i_tag[i].remove(); }} // マーク削除

                let pre_box;
                iframe_body=iframe_doc.querySelector('body.cke_editable');
                pre_box=iframe_body.querySelectorAll('div');
                for(let i=0; i<pre_box.length; i++){
                    if(pre_box[i].firstChild.tagName=='PRE'){
                        pre_box[i].style.outline='none'; }}}}} // 処理済枠の outline を削除