在线IDE之关键字另色显示

最新推荐文章于 2024-09-14 18:52:56 发布

weixin_33766805

最新推荐文章于 2024-09-14 18:52:56 发布

阅读量82

点赞数

文章标签： javascript ViewUI

网友那搞来的
<body    οnlοad="InitEdit()" style="text-align: center">
<iframe id="ex" height="100" style="WIDTH: 543px; HEIGHT: 246px" allowtransparency marginheight="30" ></iframe>
    <br />
<script type="text/javascript" language="javascript">
    //当输入：a,bb,ccc时，附加颜色
    //这里是实质性的进展.

    var lks = ['a','b','c'];//语言关键字

    var editor = window.frames["ex"];
    function InitEdit(){
        editor.document.designMode="On";
        editor.document.onkeyup = xx;
    }
    function xx(){
        var rng = editor.document.selection.createRange();
     rng.moveStart( 'character', -1) ;
     for (i=0; i<lks.length; i++){
         if (rng.text == lks[i]){
             var text = setFontColor(rng.text,"#6blae6");
             rng.select() ;
             editor.document.selection.clear() ;
             rng.pasteHTML(text);
         }
     }
    }
    function setFontColor(text,fc){
        return "<font color=" + fc + ">" + text + "</font>";
    }
</script>
</body>

关注博主即可阅读全文