syntaxHighlighter test

 

    $(function(){
       //start
        $('.drag').draggable({
            revert:true
        });
        $('.drop').droppable({
            drop : function(){
                $(this).addClass('active');
                
                $('.drag').css({
                    left:0
                });
                
                $('.drag').draggable({
                    revert:false,
                    containment : '.drop'
                })
            },//drop end
            
            classes: {
                "ui-droppable-active": "ui-state-active",
                "ui-droppable-hover": "ui-state-hover",
            }
            
        });
        
        //end
    });

 

html 로 들어가서

<pre class="brush:java;">
소스코드
</pre>

이안에 코드 작성후 작성완료하면 적용됨.

 

https://galatians220.tistory.com/4

[티스토리] SyntaxHighlighter (소스코드 하이라이터)

여기를 참고함