사용법은 코드에 아래처럼 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>


Posted by MR 손
,