Ractive.js에서 렌더링 한 데이터에 HTML 태그를 포함하려고합니다 (누구나 신경 쓰는 경우 화학 기호를 자동 구독). Ractive는 새 DOM 요소를 만드는 대신 텍스트를 삽입합니다.
60 초 설정 가이드 에서 수정 된 최소 테스트 케이스 :
<script id='template' type='text/ractive'>
<p>Hello, {{name}}!</p>
</script>
<script type="text/javscript">
var ractive = new Ractive({
el: 'container',
template: '#template',
data: { name: '<b>world</b>' }
});
이 JSfiddle 에서 볼 수 있듯이 결과는 Hello, <b>world</b>예상되는 "Hello, world " 가 아닙니다.
나는 이것이 Ractive가 표현을 처리하는 방식과 관련이 있다고 생각한다. 그러나 나는 아직 소스가 그다지 의미가있는 시점에 이르지 않았다.
의도 한 동작을 어떻게 얻을 수 있는지에 대한 생각이 있습니까?
예! 트리플 스타 치를 사용할 수 있습니다.
<p>Hello, {{{name}}}!</p>
전통적인 콧수염에서 이것은 '의 가치를 벗어나지 말라'는 의미 name입니다. Ractive로 번역하면 '텍스트가 아닌 HTML로 콘텐츠를 삽입합니다.
주의 되는 HTML을 삽입하기 전에 소독되지 않았는지, 그렇다면 name: XSS 및 기타 악성 콘텐츠에 대한 가능성이있어 사용자의 입력에서 온 http://jsfiddle.net/rich_harris/4jBC8/가 .
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다