SyntaxHighlighter 복사 붙여넣기 - 클립보드 이용 방법(No Flash copy to clipboard)

SyntaxHighlighter 복사 / 붙여넣기 방법, 클립보드 이용방법

No Flash Copy to clipboard and Paste

 

 

SyntaxHighlighter는 2004년 첫번째 버전을 만든 이 후, 줄곧 플래시를 통해 클립보드 기능을 제공해왔다.

소스코드에 마우스를 올리면 플래시로 된 클립보드 아이콘이 우측 상단에 나타나는 형태였다.

 

 

플래시는 처음엔 버전 8, 지금은 9, 10을 거쳐 11버전까지 왔다.

이것은 유저에게 큰 호응을 얻지 못하게 되었고, 몇 년 동안 플래시를 제거해달라는 많은 요청을 받게 되는 계기가 되었다.

 

그래서 마침내 SyntaxHighlighter에서는 더 이상 플래시를 사용하지 않기로 했고, 클립보드로 소스코드를 복사하는데 더 쉬운 방법을 마련하게 되었다.

 

 

소스 코드 내의 어느 곳에서든 더블클릭을 하면 소스 전체가 선택되는데, 선택 후 Ctrl + C 만 하면 복사가 된다.

 

Since the first version back in 2004, SyntaxHighlighter has always used Flash to provide copy to clipboard functionality. At first it was Flash 8, then it was Flash 9 and now 10. It's never been a crowd pleaser and a lot of requests over the years demanded Flash to be removed.

Well, it's finally happening -- no more Flash. I think I've came up with user interface to copy code to clipboard which is a lot more intuitive and almost too easy.

If you double click anywhere on the code, the entire code view is replaces with a pre-selected view from which users can copy with a simple Ctrl/Cmd-C. Clicking anywhere else returns the view to the original state.

 

 

 

이 방법만을 사용해야하는 이유는 다음과 같다.

 

 

 

드래그(drag)로 소스코드를 선택하여 복사(Copy)하면, 붙여넣을 때(Paste) 아래와 같이 소스코드가 한 줄로 이어진 형태로 붙여넣기가 된다.

즉, 소스 중간에 주석처리(//) 된 곳이 있다면, 소스의 내용은 전혀 다른 내용이 될 것이고,

일일이 줄바꿈을 해줘야 하는 수고가 따르게 된다.

 

 

* 드래그 후 복사해서 붙여넣기 하면 소스가 한줄로 이어져 붙여넣기 된다.

 

 

 

반면, 더블클릭(double  click) 후 복사(Ctrl + C / Cmd + C)하고 붙여넣기(Ctrl + V / Cmd + V) 하면 아래와 같은 결과가 나타난다.

 

 

 

이로써, SyntaxHighlighter에서 복사 후 붙여넣기 할 때, 한 줄로 붙여넣기 되는 현상을 해결할 수 있다.