문제

기존 코드를 강조하는 구문 강조 표시를 찾았지만 WYSIWYG 스타일 편집기를 사용하여 입력하면서 이를 수행하고 싶습니다.자동 완성 기능은 필요 없고 강조 표시만 필요합니다.

후속 질문으로 stackoverflow가 사용하는 WYSIWYG 편집기는 무엇입니까?

편집하다:아래 답변 덕분에 내 필요에 맞는 두 가지를 찾았습니다.편집 영역 그리고 코드프레스

편집하다:이 질문도 참조하십시오.
https://stackoverflow.com/questions/379185/free-syntax-highlighting-editor-control-in-javascript

도움이 되었습니까?

해결책

다음은 작성 방법에 대한 매우 흥미로운 기사입니다.(더 나은 점은 전체 소스를 JavaScript 포맷터 및 컬러라이저에 제공한다는 것입니다.)

JavaScript에서 구문 강조 JavaScript 편집기 구현또는 돔 트리의 어두운면에 잔인한 오디세이

괜찮은 구문 강조 표시는 어떻게됩니까?매우 간단한 스캔은 문자열, 주석, 키워드 및 기타 코드의 차이점을 알 수 있습니다.그러나 이번에는 실제로 정규 표현을 인식하고 싶었 기 때문에 더 이상 잘못된 행동이 없었습니다.

중요한 것은 정규식을 올바르게 처리한다는 것입니다.또한 흥미로운 점은 그가 실제로 볼 수 있는 보다 일반적인 lex(또는 regex) 기반 어휘 분석기 대신 연속 전달 스타일 어휘 분석기/파서를 사용했다는 것입니다.

보너스로 그는 브라우저에서 JavaScript로 작업할 때 직면하게 될 많은 실제 문제에 대해 논의합니다.

다른 팁

이 질문은 "내 웹 앱에서 HTML Textarea를 교체하는 것을 권장하는 구문 하이라이트 편집기는 무엇입니까?"라고 더 잘 언급 될 수 있습니다. (여기서 다른 답변 중 일부는 클라이언트 측 편집자가 아닌 데스크탑 앱 또는 Pure-Syntax Highlighter를 다루고 있습니다)

나는 또한 추천한다 코드미러, Javascript로 작성되었으며 다양한 브라우저를 지원합니다.정규식 대신 실제 파서를 사용하므로 이스케이프된 문자열을 올바르게 강조 표시하는 것과 같은 복잡한 문제를 처리할 수 있습니다.개발자도 매우 반응이 좋습니다. 토론 그룹.

보다 Google 코드 프리티파이.

대한 내용은 이 질문을 참조하세요. stackoverflow 컨트롤 편집 사용합니다.

나는 자바스크립트를 많이 프로그래밍하지 않지만 JSEclipse는 과거에 나에게 꽤 도움이 되었습니다.Eclipse 플러그인으로 제공됩니다.

몇년째 무료로 사용하고 있어요

http://www.interaktonline.com/products/eclipse/jseclipse/overview/

나는 또한 Javascript를 다룰 때마다 Firefox용 FireBug에 크게 의존합니다.

당신은 또한 시도할 수 있습니다 http://softwaremaniacs.org/soft/highlight/en/ - 빠르며, 자바스크립트뿐만 아니라 다른 많은 언어도 지원합니다.강조 표시가 어떻게 작동하는지 실시간 미리 보기가 필요한 경우 setInterval을 사용하여 강조 표시를 실행하고 별도의 상자에 표시할 수 있습니다.

가파른 학습 곡선을 가지고 있지만, 정력 모든 언어에 대해 최고의 편집기입니다.GUI 버전이 있지만 터미널 편집에서 정말 빛납니다.이 편집기를 사용하는 방법을 배우는 데 소요된 시간은 시간 낭비가 아닙니다.여러분이 찾고 있는 구문 강조 기능뿐만 아니라 수천 가지의 다른 기능과 플러그인도 있습니다.

같이 가야 해 베스핀 모질라.HTML5 기능을 사용하여 구축되었으므로(빠르고 빠르지만 레거시 브라우저는 지원하지 않음) 사용하기가 확실히 놀랍고 내가 본 모든 것을 능가합니다. 아마도 Mozilla가 이를 지원하고 Firefox를 개발하기 때문일 것입니다. ..또한 확장 기능이 포함된 jQuery 플러그인 jQuery를 좀 더 쉽게 사용할 수 있도록 말이죠.

다시 끌어서 죄송하지만 CodeMirror에서 찾은 최고입니다. http://codemirror.net/

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top