사용법은 코드에 아래처럼 pre태그 안에 코드를 넣어주면 됩니다.
<pre class="brush:css; auto-links:false; toolbar:false;">
</pre>
다양한 옵션을 제공합니다.
그 중에서 표시하고자 하는 소스코드가 어떤 종류인지를 명확히 설정해줘야
문법부분에 적절하게 컬러풀한 코드를 보여줍니다.
이 설정을 brush라고 합니다.
Bundled Brushes
* 자주 사용하는 pre 태그를 정리합니다. *
C# : brush:csharp
<pre class="brush:csharp; auto-links:false; toolbar:false;">
</pre>
CSS : brush:css
<pre class="brush:css; auto-links:false; toolbar:false;">
</pre>
JavaScript : brush:javascript
<pre class="brush:javascript; auto-links:false; toolbar:false;">
</pre>
XML : brush:xml
<pre class="brush:xml; auto-links:false; toolbar:false;">
</pre>
HTML : brush:html
<pre class="brush:html; auto-links:false; toolbar:false;">
</pre>
코드상자 삽입 - C#
<div class="txc-textbox" style="border: 1px solid rgb(247, 247, 247); background-color: rgb(255, 255, 255); padding: 10px; ">
<pre class="brush:html; auto-links:false; toolbar:false;">
</pre>
</div>