如何切换显示文字或图片

在早期的网站功能上，采用图片或字体来显示文字。

doc.html :: script

<script type="text/javascript">
window.onload = function() {
  //TO DO
}

$(document).ready(function(){
  // 必要的，在打开页面时，更新 manager.php 高度
  showFont();

  function showFont(){
    /*var charafonts = new Array();
    $("#charafont").each(function(key,value){
      charafonts[key] = $(value);
    });*/
    //var charafonts = $("span[charafont]");
    var charafonts = $("[id=charafont]");
    var charapics = $("[id=charapic]");
    //alert(charafonts.length);
    for(var idx=0;idx<charapics.length;idx++){
        charapics[idx].style["display"] = "none";
    }
    for(var idx=0;idx<charafonts.length;idx++){
        charafonts[idx].style["display"] = "inline-block";
    }
  }

  function showPic(){
    var charafonts = $("[id=charafont]");
    var charapics = $("[id=charapic]");
    for(var idx=0;idx<charapics.length;idx++){
        charapics[idx].style["display"] = "inline-block";
    }
    for(var idx=0;idx<charafonts.length;idx++){
        charafonts[idx].style["display"] = "none";
    }
  }

  $("#check1").click(function() {
      if($("#check1").val() == "off"){
          $("#check1").val("on");
          showPic();
      }else if($("#check1").val() == "on"){
          $("#check1").val("off");
          showFont();
      }
  });
});
</script>

dock.html :: Checkbox 

<input id="check1" name="togglecharafontorpic" type="checkbox" value="off"/>在线字体显示为图片"

Editor.js

function getInlineCharaPic(inputtext){
        var outputtext = "";
        var outputtext1 = "";
        for(var idx=0;idx<inputtext.length;idx++){
            var chara = inputtext.slice(idx,idx+1);
            var uChar = chara.charCodeAt(0);// 十进制
            var chara1 = chara;

            //alert((uChar).toString(16));// 验证了，> 0x10000的代码，会分两段。从而导致结果错误。

            if(uChar>=0xD800 && uChar<=0xDBFF){
                var H = uChar;
                chara = inputtext.slice(idx+1,idx+2);
                uChar = chara.charCodeAt(0);// 十进制
                if(uChar>=0xDC00 && uChar<=0xDFFF){
                    var L = uChar;
                    uChar = (H-0xD800)*0x400 + L - 0xDC00 + 0x10000;
                    chara = inputtext.slice(idx,idx+2);
                    idx ++;
                }else{
                    uChar = H;
                }
            }
            //alert((uChar).toString(16));



            if(uChar>=0x20000 && uChar<=0x2EBE0 || uChar>=0x30000 && uChar<=0x3134A){
                chara1 = "<font style=\"font-family: cjk_bcdefg;color: green;\">"+chara+"</font>";
            }else if(uChar>=0x3400 && uChar<=0x9FFF || uChar>=0xF900 && uChar<=0xFAFF || uChar>=0x2F800 && uChar<=0x2F9FF){
                chara1 = "<font>"+chara+"</font>";
            }else if(uChar>=0xE000 && uChar<=0xF8FF){
                chara1 = "<font style=\"font-family: corechara;color: red;\">"+chara+"</font>";
            }else{
                chara1 = "<font>"+chara+"</font>";
            }

            var uCode = (uChar).toString(16);
            uCode = uCode.toUpperCase();
            outputtext += chara1;
            outputtext1 += "<img src=\"https://www.ichara.cn/web/yunlizaoziweb/pyimg_all/py_"+uCode+".png\" width=30 height=30 alt=\""+chara+"\">";
        }
        // ZY
        outputtext = "<span style=\"display:inline-block;\"><span id=\"charafont\" style=\"display:inline-block;\">"+outputtext+"</span>";
        outputtext1 = "<span id=\"charapic\" style=\"display:none;\">"+outputtext1+"</span></span>";
        return outputtext+outputtext1;
    }