텍스트 구문 강조 표시를 할 수있는 TextRea?
https://stackoverflow.com/questions/1619167
-
06-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian문제
유지 보수가 쉬운 이유로 CMS 내에 여러 HTML 블록을 저장하고 있습니다. 그들은 대표합니다 <textarea>에스.
누구든지 html에 대해 구문 강조를 수행 할 수있는 일종의 JavaScript 위젯을 알고 있습니까? textarea 또는 유사하게, 여전히 일반 텍스트 편집기 (Wysiwyg 또는 고급 기능 없음)를 유지하는 동안?
해결책
정기적 인 텍스토리에서 프레젠테이션에 대한 필요한 수준의 제어 수준을 달성 할 수 없습니다.
괜찮다면 시도해보십시오 Codemirror 또는 에이스 (전에 스카이 라이터 그리고 맞음), 또는 모나코 (MS VSCODE에서 사용).
중복 스레드에서 - 의무적 인 위키 백과 링크 : http://en.wikipedia.org/wiki/comparison_of_javaScript 기반 _source_code_editors
다른 팁
여기에 있습니다 내가 비슷한 질문에 대해 한 응답 (온라인 코드 편집기) 에 프로그래머:
먼저이 기사를 살펴볼 수 있습니다.
Wikipedia-JavaScript 기반 소스 코드 편집기 비교.
자세한 내용은 다음은 귀하의 요청에 맞는 것으로 보이는 몇 가지 도구입니다.
Editarea ― 파일 에디터로 데모 누가 이시 확장 ― (Apache Software License, BSD, LGPL)
다음은 소스 코드의 무료 JavaScript 편집기 인 Editarea입니다. 라인 수치, 탭 지원, 검색 및 교체 (Regexp) 및 라이브 구문 강조 (사용자 정의 가능)로 잘 형성 된 소스 코드를 작성할 수 있습니다.
코디 프레 ― Joomla의 데모! 코데프리트 플러그인 ― (lgpl) - 크롬에서는 작동하지 않으며 개발이 중단 된 것처럼 보입니다.
CodePress는 브라우저에서 입력하는 동안 실시간으로 텍스트를 색상으로 작성하는 JavaScript로 작성된 구문 강조 표시가있는 웹 기반 소스 코드 편집기입니다.
Codemirror ― 많은 데모 중 하나입니다 ― (미트 스타일 라이센스 + 선택 사항 상업적 지원)
Codemirror는 코드와 같은 컨텐츠 (컴퓨터 프로그램, HTML 마크 업 등을위한 비교적 유쾌한 편집기 인터페이스를 작성하는 데 사용할 수있는 JavaScript 라이브러리입니다. 편집중인 언어에 대해 모드가 작성된 경우 코드가 색상이되며 편집자는 선택적으로 강화에 도움이됩니다.
Ace ajax.org Cloud9 편집기 ― 데모 ― (Mozilla Tri-License (MPL/GPL/LGPL))
ACE는 JavaScript로 작성된 독립형 코드 편집기입니다. 우리의 목표는 TextMate, VIM 또는 Eclipse와 같은 기존 기본 편집자의 기능, 유용성 및 성능과 일치하고 확장하는 웹 기반 코드 편집기를 만드는 것입니다. 모든 웹 페이지 및 JavaScript 응용 프로그램에 쉽게 내장 할 수 있습니다. ACE는 1 차 편집기로 개발되었습니다 Cloud9 IDE 그리고 Mozilla Skywriter (BESPIN) 프로젝트의 후계자.
추천합니다 Editarea 구문 Hightlighted TextRea의 라이브 편집.
업데이트: BESPIN은 이제 에이스이며, 여기에서 가장 높은 등급의 답변으로 언급됩니다. 대신 에이스를 사용하십시오.
함께 가야 해요 맞음 Mozilla에 의해. HTML5 기능을 사용하여 제작되었습니다 (따라서 빠르고 빠르지 만 레거시 브라우저를 지원하지는 않지만 레거시 브라우저를 지원하지는 않지만 사용하기가 놀랍습니다. .. 또한 a 확장 기능이 포함 된 jQuery 플러그인 jQuery와 함께 사용하기가 조금 더 쉬워집니다.
내가 아는 유일한 편집자는 구문 강조 표시와 Textarea에 대한 폴백이 있습니다. Mozilla Bespin. 편집자를 포함시키는 방법을 확인하기 위해 Bespin을 포함시킨 Google 주변의 Google. 내가 이것을 지금 사용하는 유일한 사이트는 매우 알파입니다. 모질라 제트 팩 갤러리 (제트 팩 페이지 제출 페이지에서) 그리고 당신은 그것들을 어떻게 포함하는지보고 싶을 수도 있습니다.
또한 a 맞춤형 편집기를 포함시키고 재사용하는 블로그 게시물 그것은 당신을 도울 수 있습니다.
왜 당신은 그것들을 Textareas로 대표합니까? 이것은 제가 가장 좋아하는 것입니다.
http://alexgorbatchev.com/wiki/syntaxhighlighter
그러나 CMS를 사용하는 경우 더 나은 플러그인이있을 수 있습니다. 예를 들어 WordPress에는 진화 된 버전이 있습니다.
http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/
당신은 할 수 있습니다 가장 밝은 부분 a <textarea>, a <div> 조심스럽게 그 뒤에 배치되었습니다.
체크 아웃 Textarea 내부의 텍스트를 강조 표시하십시오.
