웹 페이지 의 자바 script 편집기 와 코드 포맷

왜 textarea 를 안 써 요?
1.하 이 라이트 없 음
2 tab 키 를 사용 할 수 없습니다.tab 키 를 누 르 면 다음 컨트롤 로 전환 합 니 다.
3.코드 포맷 이 없습니다.Eclipse 환경 에 익숙 하기 때문에 ctrl+shift+F 를 사용 하여 코드 를 포맷 할 수 있 습 니 다.
물론 나 는 내 가 이 룰 만큼 강하 지 는 않 았 고 발가락 으로 도 누군가가 이 루어 졌 다 는 것 을 생각 할 수 있 었 다.찾 을 수 있 는 지 없 는 지 를 보 았 다.
어 려 운 검색 끝 에 SourceForge 에서 EditArea 라 는 프로젝트 를 찾 았 으 니 기분 이 좋 습 니 다.http://sourceforge.net/projects/editarea/
얘 샘플 도 잘 알 아 요.
홈 페이지 에 서 는 다음 과 같은 방법 으로
 
<script language="Javascript" type="text/javascript" src="../edit_area/edit_area_full.js"></script>
<script language="Javascript" type="text/javascript">
// initialisation
editAreaLoader.init({
id: "example_1" // id of the textarea to transform
,start_highlight: true // if start with highlight
,allow_resize: "both"
,allow_toggle: true
,word_wrap: true
,language: "zh" //
,syntax: "js" // , js ,php,sql,
//
,begin_toolbar: "btn_beautifier,|" //
,plugins: "beautifier" //
});
</script>
을 구성 합 니 다.
페이지 에 코드 편집 상자 가 나타 날 수 있 습 니 다.

 
첫 번 째 와 두 번 째 문 제 는 해결 할 수 있 지만 해결 할 수 있다.
그래서 나 는 또 이 사 이 트 를 찾 았 다.http://jsbeautifier.org/.이 사 이 트 는 js 의 포맷 도 구 를 만 들 었 고,심지어 어떤 혼동 기 를 거 쳐 혼 란 스 러 워 진 js 코드 를 포맷 할 수 있다.
그래서 나 는 상기 항목 중의 플러그 인 규범 에 따라 이 두 개의 동쪽 을 통합 시 켰 다.위의 그림 에서 버튼 을 보고 누 르 면 이 됩 니 다.
보 세 요.하 이 라이트 와 포맷 이 모두 있 습 니 다.
 
다운로드 할 것 은 여기에서 다운로드 할 수 있 습 니 다.
샘플 은\\examples\\example.html 참조
포맷 된 플러그 인 은\editarea\plugins\beautifier\beautifier.js

좋은 웹페이지 즐겨찾기