2012-05-08 2 views
1

고성능 구문 형광펜을 찾고 있습니다.자바 스크립트 구문 큰 문자열 용 형광펜

나는 Google prettify, rainbow.js 및 내가 기억할 수없는 다른 것을 시도했습니다. 그들은 모두 HTML 코드의 큰 블록으로 고투하고 있습니다. 결국 결국 모두 정확하게 강조 표시되지만 브라우저는 2 ~ 2 초 동결됩니다. 또는 텍스트가 강조 표시되지 않고 페이지가로드 될 때 몇 초가 지나면 한 번에 모두 나타납니다.

github에서 구문 형광펜을 사용하는 방법을 살펴 보았습니다. 텍스트 그룹이 각 단어가 아닌 하나의 스팬을 가지므로 더 나은 성능을 의미하기 때문에 매우 효과적이라고 생각합니다.

HTML 코드를 지원하는 JS 구문 형광펜을 알고 있고 실제로 빠르게 렌더링 할 수있는 사람은 누구입니까?

답변

2

서버에서 강조 표시를 수행 할 수 있습니까? 당신이 매번 그것을 할 필요가 없도록 현금화 할 가능성이 있습니다. 서버 측 스택 정보를 게시하면 일부 libs에 대한 링크를 제공 할 수 있습니다.

UI를 차단하지 않으려면 작업자 스레드에서 구문 강조를 할 수 없습니다. http://www.webdesignbooth.com/9-useful-javascript-syntax-highlighting-scripts/

+0

환상적인 아이디어! 서버 측 구문 강조 표시! 나는 codeigniter를 사용하며 이미 그것을위한 라이브러리를 가지고있다! http://caseyamcl.github.com/geshiforci/ - 당신은 그 생각에 천재 고맙습니다! :) – Abs

0

Gists을 사용하는 데 관심이있을 수 있습니다. 어디서나 그들을 삽입 할 수 있으며 사용하는 구문 강조는 매우 빠릅니다.

나는 자기 홍보를위한 의미가 아니지만 Javascript 구문 강조 표시에 Gists를 사용하는 예 (HTML을위한 Gists를 사용해야 할 때)를 사용하면 my Javascript blog을 확인할 수 있습니다. 이 작업을 수행하는 다른 사이트의 URL은 기억이 나지 않지만 이전에 본 적이 있습니다.

+0

수동으로 작업하지 않기 때문에 Gists가 작동하지 않는다고 생각합니다. 자동화 된 것이 필요합니다. 요령은'pre' 나'code' 블록에 문자열을 출력하는 것을 허락하지 않을 것입니다. – Abs

+0

불행하게도 사실입니다. 죄송합니다. 귀하를위한 해결책이 아닙니다. –

0

난이 오래된 질문 큰 코드 블록을 강조하기 위해 서버를 사용하고 알고 있어요 확실히 당신의 최선의 방법처럼 보인다 :

또한, 여기에 9 개 다른 형광펜의 목록입니다.

저는 rainbow.js의 저자임을 알려 드리고 싶습니다. 브라우저의 모든 구문 강조를 웹 워커로 옮기는 2.0 업데이트를 밀어 냈습니다. 따라서 브라우저 없이도 큰 코드 블록에서 더 잘 수행되어야합니다. 주 스레드/UI를 차단합니다.