자바 스크립트 정규식은 html 문자를 대체합니다

Question

저는   등의 html 특정 문자를 포함 할 수있는 텍스트로 입력 값을 설정하는 자바 스크립트를 사용하고 있습니다. 따라서이 값과 일치하는 정규식을 찾으려고합니다. 적절한 값 ("&", " ")으로 대체하면 정규식을 알아낼 수 없습니다. 여기 내가하려는 일이있다. 객체 (가) 대체 값에 일치 및 참조 포함되어 있는지 확인 : 내 문자열을 일치 시키려면, 다음

 
var specialChars = { 
    " " : " ", 
    "&" : "&", 
    ">" : ">", 
    "&lt;" : "<" 
} 

을 나는 시도

 
var stringToMatch = "This string has special chars & and  " 

 
stringToMatch.replace(/( |&)/g,specialChars["$1"}); 

같은 하지만 작동하지 않습니다. 나는 특별한 태그를 붙잡고 그것을 대체하는 방법을 정말로 모른다. 어떤 도움이라도 대단히 감사합니다.

Answer 1

약간 다른 주제 (Efficiently replace all accented characters in a string?)에서 질문의 기능을 사용할 수 있다고 생각합니다.

제이슨 멧새의 대답은 여기에 몇 가지 좋은 아이디어 +에게 필요한 설명을 가지고 당신이 도움을 찾아이 본질적으로 자신의 코드로,뿐만 아니라 자신의 원래의 대답을 upvote에 경우에 당신이 시작하는 일부 수정 (과의 솔루션입니다).

var stringToMatch = "This string has special chars & and  "; 
var stringOutput = replaceHtmlEntites(stringToMatch); 

번호가 entites도 쉽게, 당신은 훨씬 더 일반적으로 약간의 수학 및 String.fromCharCode()를 사용하여 교체 할 수 있습니다

var replaceHtmlEntites = (function() { 
    var translate_re = /&(nbsp|amp|quot|lt|gt);/g, 
     translate = { 
      'nbsp': String.fromCharCode(160), 
      'amp' : '&', 
      'quot': '"', 
      'lt' : '<', 
      'gt' : '>' 
     }, 
     translator = function($0, $1) { 
      return translate[$1]; 
     }; 

    return function(s) { 
     return s.replace(translate_re, translator); 
    }; 
})(); 

호출.

---

또 다른, 훨씬 더 간단 가능성이

function replaceHtmlEntites(string) { 
    var div = document.createElement("div"); 
    div.innerHTML = string; 
    return div.textContent || div.innerText; 
} 

replaceHtmlEntites("This string has special chars < & >"); 
// -> "This string has special chars < & >" 

Answer 2

당신은 당신이 원하는 일을 할 수있는 기능을 기반으로 교체를 사용할 수 있습니다

var myString = '&'+'nbsp;&'+'nbsp;&tab;©'; 
myString.replace(/&\w+?;/g, function(e) { 
    switch(e) { 
     case ' ': 
      return ' '; 
     case '&tab;': 
      return '\t'; 
     case '©': 
      return String.fromCharCode(169); 
     default: 
      return e; 
    } 
}); 

을 그러나, 나는 상황을 고려하도록 촉구 않습니다. & nbsp; 및 & 사본; 및 기타 HTML 엔터티를 텍스트 값으로 바꾸려면 정말 바꾸시겠습니까? 나중에 그들을 개조해야합니까?

명심할 사항.

건배!

Answer 3

또 다른 방법은 그 다음에 텍스트를 할당 사업부 객체

var tmp = document.createElement("div"); 

을 만드는 것 (모든 브라우저에서 작동) 같은 것 그 innerHTML

tmp.innerHTML = mySpecialString; 

그리고 마지막 요소의 텍스트 내용

var output = tmp.textContent || tmp.innerText //for IE compatibility 

그리고 거기 당신이 가서 읽기 ...