- 2010 년 7 월 16 일 12:00 AM
Zen Coding을 사쿠라 편집기에서 수행할 수 있도록 일부 기능 뿐이지만 이식 했으므로 공개합니다.
- 설정 방법
- ZenCodingForSakuraEditor.zip 를 다운로드하여 압축을 풉니다.

- ZenCoding.js를 사쿠라 편집기의 매크로 폴더에 설치합니다.
(예제에서는 사쿠라 편집기 설치 폴더에 "macro"라는 폴더를 만들고 거기에 복사합니다.)
- 설정 (O) -> 일반 설정 (C) ...] -> 탭 매크로를 엽니다. (Ctrl +6에서도 열 수 있습니다.)

- 찾아보기를 누르면 다음 매크로 폴더 설정합니다.
[File 드롭 다운 목록에서 매크로 파일 "ZenCodeing.js"의로드합니다.
이름에 매크로 이름 "ZenCoding"를 입력한 다음 설정을 누르면됩니다.
- 설정이 적용되면 매크로 목록에 설정 매크로 "ZenCoding"가 표시됩니다.

- 탭 키 할당을 열고 종류 (K)에서 "외부 매크로"를 선택합니다.
기능 (F)에 "ZenCoding"가 표시되므로 선택합니다.
다른 소프트웨어는 [Ctrl] + [E]가 실행 키 입니다만, 사쿠라 편집기에서 이미 다른 기능을 할당할 수 있기 때문에 [Alt] + [Z]를 할당합니다.
[Alt]의 체크 박스에 체크하고 [키 (Y)]에서 "Alt + Z"를 선택하고 할당 (B)를 누르면됩니다.
- 설정이 적용되면 기능이 할당된 키 (G)로 설정 단축키 "Alt + Z"가 표시됩니다.
[OK]를 누르면하여 설정을 완료합니다.
- ZenCodingForSakuraEditor.zip 를 다운로드하여 압축을 풉니다.
- 사용
- 이제 사용할 준비가 있었으므로, 조속히 동작 확인을 해 봅시다.
편집기에 "html : 4s> div> ul> li * 3> a"를 입력하여 봅시다.
- 입력이 완료되면 이전에 설정한 [Alt] + [Z] 키를 누르고보세요.
HTML 문장이 전개되면 성공입니다.
- 이제 사용할 준비가 있었으므로, 조속히 동작 확인을 해 봅시다.
- 관련
코멘트 : 10
- 마사 2011 년 2 월 28 일
편리한 매크로를 공개 해 주셔서 감사합니다!
질문 입니다만, CSS에서 ZenCoding 방법을 잘 모르겠습니다.
"@ i"라고하고 실행해도 "<@ i> </ @ i>"와 같이 HTML로 실행됩니다.CSS의 ZenCoding하려면 어딘가 설정하지 않으면 안되는 것입니까?
- yobane 2011 년 3 월 10 일
이용해 주셔서 감사합니다.
먼저 ZenCoding 사양하고 분석 HTML과 CSS에 헤어져 모드를 전환하면 CSS가 확장되어 HTML은 배포되지 않는 동작이되어있는 것 같습니다.
이 모드 전환은 기본적으로 파일 확장자와 Style 태그로 판단하는 것 같습 니다만, 현재 제공하고있는 사쿠라 편집기 매크로는 사쿠라 편집기가 HTML 모드인지 CSS 모드인지 확인하는 프로세스를 가지고 있지 않기 때문에 기본적으로 HTML 구문 분석 모드에서 작동합니다.
그래서 아래와 같이 한 줄에 경우 모드를 동적으로 전환하고 있기 때문에 잘 전개된다고 생각 합니다만, 이것도 잘되지 않습니까?<style type="text/css">@i</style>또한 위와 같이 HTML 모드로 동작하고 있기 때문에 파일 확장자를. css하거나, 사쿠라 편집기 모드를 CSS해서 지적하신 것처럼 CSS는 배포되지 않습니다.
CSS의 확장을하고자한다면, 모드 전환 부분을 매크로 수정 등 어떤 방법으로 실현되면 가능하다고 생각됩니다.
(즉,이 부분은 현재 버전에서는 지원되지 않습니다. 시간이 잡히는대로, 알아보겠습니다.)
또한 수정을하고 해당되는 경우 수정을 캡처 싶습니다 때문에 연락 주시면이라고 생각합니다.- maruta 2011 년 6 월 3 일
JS 단독으로 실행하면 에러가 나와 버려,
sakura에서 매크로 실행해도 아무런 반응하지 않습니다. .해결받는 것이 가능할까요?
그 외에 필요한 정보가 있으면 연락 주시기까요?
sakura 애용하고 있기 때문에, 꼭 이쪽의 매크로를 사용하고 싶습니다! !
- yobane 2011 년 6 월 10 일
자신의 개발 환경 및 인터넷 기기에서는 문제없이 작동하는 것 같습니다.
일단 이전 버전도 다운로드 가능하게 했으므로 확인하시기 바랍니다.
원하는 정보로 OS, 사쿠라 편집기 버전 정보를받을 수 있으면 살아납니다.- lhankor_mhy 2011 년 6 월 11 일
사용하고했습니다. 이것은 멋지다!
그런데 CSS의 padding과 부딪쳐있는 것 같고,이 전개되지 않는 것 같습니다.- 하라 2011 년 6 월 17 일
편리 것 같습니다. 귀중한 매크로 감사합니다! !
하나 이전 버전 사쿠라 편집기에서 움직이지 않았기 때문에 최신 버전을 설치하고 다시 시도하면 잘갔습니다!단, html : 4s와 쳐도
밖에되지 않고, 문서형 선언 등이 전개되지 않았습니다. 이쪽 설정 문제일까요?
- 하라 2011 년 6 월 17 일
↑ 자기 해결했습니다.
일단 html 파일로 저장하지 않으면 제대로 작동하지 않네요. . 早とちり했습니다.
종종 의견에 죄송합니다.- maru 2011 년 10 월 13 일
이용하게했습니다. 감사합니다.
단, 들여쓰기 상태에서 사용하려고하면 작동하지 않습니다.
글머리에서만 작동하지 않는 것일까요?
잘 부탁드립니다.- Arissa 2011 년 12 월 16 일
잘 씁니다시켜줍니다!
여기 zencoding에는 wrap 기능이 있나요?- yobane @ WebAdmin 2012 년 1 월 11 일
답변이 늦어 죄송합니다.
wrap 기능은 구현되어 있지 않습니다.
향후 대응 가능성은 있지만, 가까운 시일 내에 대응은 어렵습니다.
트랙백 : 0
- 이 기사의 트랙백 URL
- http://mwlab.net/zen-coding-for-sakuraeditor/trackback
- 트랙백 원본 목록
- Zen Coding for Sakura Editor - MoonWing 보다










