◈ 'Stylistic Formatter' 태그의 글 목록

« 2024/05 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

'Stylistic Formatter'에 해당되는 글 1건

2009.06.16 SyntaxHighlighter 2 / 3.0.83

SyntaxHighlighter 2 / 3.0.83
日常茶飯事
2009. 6. 16. 10:35
Posted by pantarei

SyntaxHighlighter 2 / 3.0.83

2020-02-01 kakao에서 쿠키 CORS 문제때문에 제대로 표시 안됨. Prettify를 사용하기로 함.

- SyntaxHighlighter 2
- 버전
- 지원하는 Brush
http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/
로 변경되었음. 3.0으로 되면서 ...

- hosted version 을 사용하면 파일을 올릴 필요가 없다.
2019-10-20 3.x

2에서는 줄번호까지 복사되어서 span 방식이 아닌 textarea 방식

그러나 자동 줄바꿈이 안되고, 옆으로 스크롤이 생김. (이걸 해결한 거.. https://sir.kr/g4_tiptech/33028

</s_t3>
</body>
</html>

2.x

<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shCore.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushBash.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCpp.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCSharp.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushCss.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushDiff.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushGroovy.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJava.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushJScript.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushPhp.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushSql.js"></SCRIPT>
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shBrushXml.js"></SCRIPT>
<LINK rel=stylesheet type=text/css href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shCore.css">
<LINK rel=stylesheet type=text/css href="http://alexgorbatchev.com/pub/sh/2.0.320/styles/shThemeDefault.css">
<SCRIPT type=text/javascript src="http://alexgorbatchev.com/pub/sh/2.0.320/scripts/shLegacy.js"></SCRIPT>
<SCRIPT type=text/javascript>//SyntaxHighlighter.config.clipboardSwf = 'http://alexgorbatchev.com/pub/sh/2.0.320/scripts/clipboard.swf';
SyntaxHighlighter.all();
dp.SyntaxHighlighter.HighlightAll('code'); //for 1.5
</SCRIPT>

</s_t3>
</body>
</html>

- pre가 기본 태그인데 Tistory 편집기에서 잘안보이므로 그냥 예전처럼 textarea로 쓰자.
~~html은 textarea를 사용하고 나머지는 pre를 사용하자.~~

- 재미있는 설정
collapse, first-line, highlight, html-script

- 잘안되네...

SyntaxHighlighter.defaults['html-script'] = true;
SyntaxHighlighter.config.tagName = "textarea" //3.x에서는 잘됨.