2012-11-23 7 views
2

Facebox 플러그인을 통해 아약스로드 페이지에 일부 소스 코드를 표시하려고합니다.JS, 순수 CSS가없는 구문 강조 플러그인

하지만 난 스크립트 태그

<script src="src/prettify.js"></script> 

Facebox가로드 된 페이지의 모든 스크립트 태그를 제거 추가하려고합니다.

그래서 구문 강조를위한 순수 CSS 기반 솔루션이 필요하거나 페이스 박스로 스크립트 태그를 제거하는 문제를 해결할 수 있습니다.

도움이 필요하면 Thx. 스크립트 태그를 실행하지 않는

+1

CSS t는 블록 내의 "텍스트"일 뿐이므로 코드를 강조 표시하십시오. CSS는 블록에 영향을 미칩니다. 예외적으로 CSS는 개별 문자 나 단어 블록의 단어에 영향을 줄 수 없습니다. 그 개별적인 문자/단어에 대해 할 수있는 일은 임의 텍스트의 강조 표시를 지원하기에 충분하지 않습니다. –

+0

자바 스크립트와 스크립트 태그를 시작 페이지의 'body'에 넣으려고 했습니까 _ (아약스에 의해로드 된 태그가 아닌) _? – Cholesterol

답변

0

브라우저는 AJAX를 통해 끌어 당겨 : Inline jQuery script not working within AJAX call

CSS의 유일한 해결책은 수동으로 스팬에서 코드를 포장 확실히 적합하지 않습니다 CSS에있는 모든 색상을 설정하는 것입니다.

가장 좋은 방법은 여기에 Facebox 아약스 호출을하고 메인 페이지에 <script src="src/prettify.js"></script>을 포함하는 것입니다 그냥 확인이과 같이에서 뽑아 후 AJAXed 내용에 트리거 싸게 치장이 만드는 '수

$(document).bind('beforeReveal.facebox', function() { 
    prettyPrint(); 
});