웹 페이지의 Javascript 편집기 및 코드 형식_javascript 팁

텍스트 영역을 사용하지 않는 이유는 무엇입니까?

1 강조 표시 없음

2 탭키는 사용할 수 없습니다. ——Tab 키를 누르면 다음 컨트롤로 전환됩니다

3 코드 서식이 없습니다. ——Eclipse 환경에 익숙하기 때문에 Ctrl Shift F를 사용하여 코드 형식을 지정할 수 있습니다.

물론 제가 스스로 깨달을 만큼 강하지는 않고, 누군가 알아차렸을 거라고 발가락으로 생각할 수도 있지만, 제가 찾아보면 될 것 같아요.

힘든 검색 끝에 드디어 SourceForge에서 EditArea라는 프로젝트를 발견했는데 기분이 좋네요. http://sourceforge.net/projects/editarea/

샘플도 너무 선명해요

다음 방법을 사용하여 구성하세요

웹 페이지에 코드를 복사 코드는 다음과 같습니다.

<스크립트 언어= "Javascript" type="text /javascript">
// 초기화
editAreaLoader.init({
id: "example_1" // 변환할 텍스트 영역의 ID
,start_highlight: true / / 하이라이트로 시작하는 경우
,allow_resize: "both"
,allow_toggle: true
,word_wrap: true
,언어: "zh" //국제화
,syntax: "js" / /코드 스타일, js,php,sql 지원,
//다음은 서식 지원입니다
,begin_toolbar: "btn_beautifier,|" //도구 모음 삽입
,plugins: "beautifier" //컨트롤 사용
} );

페이지에 코드 편집 상자가 나타납니다

첫 번째와 두 번째 문제를 해결할 수 있지만 여전히 그렇습니다.

그래서 검색하고 검색하다가 이 웹사이트를 발견했습니다: http://jsbeautifier.org/. 이 웹사이트는 특정 난독화 도구에 의해 난독화된 js 코드의 형식을 지정할 수도 있는 js 형식 지정 도구를 만들었습니다.

그래서 위 프로젝트의 플러그인 사양을 바탕으로 이 두 가지를 통합했습니다. 위 사진의 버튼을 보시면

가 됩니다.

보기, 강조 표시 및 서식 지정 기능이 있습니다.

다운로드해야 하는 경우 여기에서 다운로드할 수 있습니다(코드 형식 지정 플러그인이 이미 포함되어 있음): editarea_0_8_2.zip

예시를 보려면 exampleexample.html을 참조하세요

형식 지정 플러그인은 edit_areapluginsbeautifierbeautifier.js에 구현되어 있습니다