簡體   English   中英

使用jquery或javascript轉義“ <”字符及其中的內容

[英]Escaping “<” character and the contents inside it using jquery or javascript

在此處輸入圖片說明

用戶可以選擇文本的一部分,並可以應用樣式,例如字體顏色,下划線等。HTML內容將在創建時保存在數據庫中,以保持格式,並且將原樣顯示在客戶端設備中。已保存。 我在這里面臨的問題是我如何允許圖像中所示的內容, <Test>不是html標簽,但瀏覽器假裝它是其中一個,並且在查看其他文本(例如在此處查看)時也將其隱藏>>你好也產生問題。 有什么辦法嗎? 這是將顯示的客戶端代碼,以及使用jQuery文本編輯器的方式。

function NormalPopup(msg,createDate,okMethodName,deleteMethodName,messageId,roomNumber,type,signature, msgStatusFlag){
    msg = replaceMsg(msg);
    document.getElementById('overlay').style.display='block';
    document.getElementById('modal').style.display='block';
    document.getElementById('modal').innerHTML="";
    var divHtml="";
    var buttonName="";
    if(msgStatusFlag=="0" && $("#strong"+messageId).html()!=null)
        buttonName = "Save";
    else
        buttonName = "Close";
    divHtml="<div align='center'><div align='justify' class='divContent'><table align='top' cellspacing='10' cellspacing='10'  width='100%' height='100%'>";
    divHtml=divHtml+"<tr>";
    divHtml=divHtml+"<td align='left' >";
    divHtml=divHtml+"<div id='standard1' class='alertDivTable alertContent'>"+msg+"</div><br>";
    divHtml=divHtml+"</td>";
    divHtml=divHtml+"</tr>";
    divHtml=divHtml+"<tr>";
    divHtml=divHtml+"<tr><td align='left'><div style='text-align:left;'>"+signature+"</div></td></tr>";
    divHtml=divHtml+"<tr>";
    divHtml=divHtml+"<td><table width='100%'><tr><td align='left' width='50%' ><div style='text-align :left;'>"+createDate+"</div></td><td align='right'><div class='alertBoxBtn' align='right'> " +
            "<table width='100%' height='100%' cellpadding='5' cellspacing='8'><tr><td align='center' valign='middle' class='button_td deleteBtn' id='deleteBtn' " +
            "onclick='javascript:closePopup("+deleteMethodName+",\""+messageId+"\",\""+roomNumber+"\",\""+type+"\")'><div>Delete</div></td><td align='center' valign='middle' class='button_td deleteBtn'  " +
            "id='okBtn' onclick='javascript:closePopup("+okMethodName+",\""+messageId+"\",\""+roomNumber+"\",\""+type+"\")' ><div>" +
            buttonName+"</div></td></tr></table></div></td></tr></table></td>";
    divHtml=divHtml+"</tr>";
    divHtml=divHtml+"</div></div></table>";
    document.getElementById('modal').innerHTML =divHtml;

    if(document.getElementById("standard1").scrollHeight>=250){
        document.getElementById("modal").style.top="42%";
        document.getElementById("standard1").style.height='250px';
        document.getElementById("standard1").innerHTML="<div class='scroller' >"+document.getElementById("standard1").innerHTML+"</div>";
        new iScroll('standard1',{ hideScrollbar:false,fixedScrollbar:true,bounce:false });
    }
    else if(document.getElementById("standard1").scrollHeight>=51 && document.getElementById("standard1").scrollHeight<250){
        document.getElementById("modal").style.top="47%";
    }
    else{
        document.getElementById("modal").style.top="52%";
    }
    new NoClickDelay(document.getElementById("deleteBtn"));
    new NoClickDelay(document.getElementById("okBtn"));
}

該消息將使用以下代碼顯示

divHtml=divHtml+"<div id='standard1' class='alertDivTable alertContent'>"+msg+"</div><br>"; 

您是否試圖在要轉義的字符之前使用反斜杠字符“ \\”? 通常,反斜杠用於轉義字符。 在這種情況下,該值為“ \\”

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM