반응형
m.logPrint() is working!
<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].
docuK1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.
Table of Contents is filled out.
Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.
<cite> and <refer> tags are rendered to show bubble reference.
<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.
Current styles (dark/bright mode, font-family, font-size, line-height) are shown.
kakao.js with id="kakao-js-sdk" is loaded.
New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.
m.delayPad=0;
m.wait=512;
wait 715ms.
Doing delayed-load. : 2
window.Kakao.isInitialized()=true;
MathJax.js (mathjax@3/es5/tex-mml-chtml.min.js) is loaded.
Prism.js (code prettifier) is loaded.
Prism-line-numbers.js is loaded.
prism-markup.min.js of prism.js is loaded.
docuK scripts are all done. Then this log is closing in 1.0 sec.
Doing delayed-load. : 2
wait 760ms.
<eq> and <eqq> tags are rendered to MathJax format, being enclosed by \ ( \ ) and \ [ \ ].
docuK1 scripts started!
If this log is not closed automatically, there must be an error somewhere in your document or scripts.
Table of Contents is filled out.
Auto numberings of sections (div.sec>h2, div.subsec>h3, div.subsubsec>h4), <eqq> tags, and <figure> tags are done.
<cite> and <refer> tags are rendered to show bubble reference.
<codeprint> tags are printed to corresponding <pre> tags, only when the tags exist in the document.
Current styles (dark/bright mode, font-family, font-size, line-height) are shown.
kakao.js with id="kakao-js-sdk" is loaded.
New ShortKeys (T: Table of Contents, F: Forward Section, D: Previous Section, L: To 전체목록/[Lists]) are set.
m.delayPad=0;
m.wait=512;
wait 715ms.
Doing delayed-load. : 2
window.Kakao.isInitialized()=true;
MathJax.js (mathjax@3/es5/tex-mml-chtml.min.js) is loaded.
Prism.js (code prettifier) is loaded.
Prism-line-numbers.js is loaded.
prism-markup.min.js of prism.js is loaded.
docuK scripts are all done. Then this log is closing in 1.0 sec.
Doing delayed-load. : 2
wait 760ms.







- Creative Commons
- 저작자표시 - 적절한 출처와, 해당 라이센스 링크를 표시하고, 변경이 있는 경우 공지해야 합니다. 합리적인 방식으로 이렇게 하면 되지만, 이용 허락권자가 귀하에게 권리를 부여한다거나 귀하의 사용을 허가한다는 내용을 나타내서는 안 됩니다.
- 비영리 - 이 저작물은 영리 목적으로 이용할 수 없습니다.
- 변경금지 - 이 저작물을 리믹스, 변형하거나 2차적 저작물을 작성하였을 경우 그 결과물을 공유할 수 없습니다.
이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ.
(If this article was helpful, please click the ad once. Thank you. ;)
(If this article was helpful, please click the ad once. Thank you. ;)
Mode: Bright; Font: Noto Sans KR; font-size: 18.0px (10.0); line-height: 1.6;
width: 1280, height: 720, version: 3.3.3
Canonical URI: https://kipid.tistory.com/entry/docuK-short-copiable-version
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/82
document.referrer: Empty
width: 1280, height: 720, version: 3.3.3
Canonical URI: https://kipid.tistory.com/entry/docuK-short-copiable-version
dg:plink (Document Global Permanent Link): https://kipid.tistory.com/82
document.referrer: Empty







HTML docuK format ver. 2.1 short copiable version (2014-06-25)
개인적으로 만들고 있는 LaTeX
[07]
비슷한 형태의 HTML document format + JavaScript. 이름은 그냥 docuK로 'document designed by kipid'란 뜻.
When you write the HTML document including docuK document also, using good editors such as Sublime Text editor with Emmet (ex-Zen Coding) package installed is highly recommended. Try useful shortkeys 'Ctrl+D' (Multiple Selections and Simultaneous Multiple Edit. 'Ctrl+K, D': skip the current selection. 'Ctrl+U': soft undo. 'Ctrl+Shift+U': soft redo.), 'Ctrl+P' (Go to Anything. 'Ctrl+R':go to Symbols (id). 'Ctrl+G':go to Line.), and emmet style typings (Watch the demo video in the link).
Table of Contents
PH.Posting History
1.section
1.1.subsection
1.1.1.subsubsection
2.Equations, Figures, and Code printing
2.1.Equation
2.2.Figures
2.3.Printing code
3.Opening Sources
3.1.docuK CSS style
3.2.docuK HTML document
3.3.docuK SCRIPT (JavaScript including jQuery, MathJax, and Google code prettyfier)
Refs.References and Related Articles
Refs.1.Main
Refs.2.Supported by
Refs.3.subsection
T2.Equations, Figures, and Code printing
▼ Show/Hide
T2.1.Equation
equations: \( g(a) \) .   사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, and   사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, dollar 표시로만 구분: $f(x)$$= x^4$$+ 3 x^3$$- 8 x^2$$+ x$$- 5$, and 구분없이: $f(x)= x^4+ 3 x^3- 8 x^2+ x- 5$.
Refering equations
(2-1)
\[ f(x) \]
(2-1)
(2-1)
\[ f(x) \]
Comment/BeCareFul box
This is cmt box.
This is cmt box.
This is cmt box.
This is bcf box.
This is bcf box.
This is bcf box.
T2.2.Figures
Fig. (2-1): border formatting.
Elements with disableQ0 class remove
<!-- -->
inside them only when deviceWidth>321. This is for Galaxy S (or old smartphones) problem like unexpected scrollTop.Fig. (2-2): iframe youtube 동영상 with fixed ratio. And border formatting
Refering figures
(2-2)
Fig. (2-2): iframe youtube 동영상 with fixed ratio. And border formatting
T2.3.Printing code
Syntax Highlighting of Programming Codes. <span class="emph">Code to be printed is here.</span>
<pre id="pre-code-id" class="prettyprint linenums lang-html"></pre>
<!-- something like this is moved also leftwards. -->
<script>
(function(){
var str="";
var getCodeprint=function(str){
// return trimmed innerHTML string of element(str) after automatically indented and with html-special characters (&,<,>) being replaced by (&,<,>).
var getHtml=document.getElementById(str).innerHTML;
var firstIndent=getHtml.match(/^(?:\n*)\t+/), indentRegExp;
if (firstIndent!==null){ // if match (=first indent) is found
indentRegExp=new RegExp("\\n\\t{1,"+firstIndent[0].length+"}",'g'); // /\n\t{1,n}/g greedy matching
} else{
indentRegExp=/^\n/; // just for minimum match
}
return getHtml.replace(indentRegExp,'\n').replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').trim();
}
str="code";
document.getElementById("pre-"+str).innerHTML=getCodeprint(str);
});
</script>
▲ Hide
TRefs.References and Related Articles
▼ Show/Hide
- Ref. [01] kipid's blog - HTML docuK format ver. 2.1
- Ref. [02] kipid's blog - docuK short copiable version;
// Updated regularly by the current html file. If you see this in kipid's blog, this is the link you are seeing. - Ref. [03] github.com - kipid - docuK
- Ref. [04] jQuery.com; and jQuery - download;
// JavaScript enhancer - Ref. [05] MathJax.org; and MathJax Documentation - latest; and The Core Configuration Options; and The MathJax.Hub Object;
// Math renderer. - Ref. [06] Google Code Prettify and Getting Started;
// Code prettyfier. - Ref. [07] kipid's blog - LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들
- Ref. [08] kipid's blog - Citing the references automatically in HTML (like LaTeX); ref는 id를 부여하고 (보통 구분을 확실히 하기 위해 "ref-"를 prefix로 붙임.) cite tag with class로 cite함. 이후 자동으로 parsing.
- Ref. [09] kipid's blog - 인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog)
- Ref. [10] kipid's blog - 인터넷에서 예쁘게 코드 입력하기 (google code prettify)
- Ref. [11] kipid's blog - Customized styling of scroll bars in HTML, 2014-05-25
- Ref. [12] kipid's blog - Improving web performance
- Ref. [13] kipid's blog - Delayed Loading in HTML by JavaScript (+jQuery)
▲ Hide







* 홍보/Promoting Recoeve.net (3S | Slow/Sexy/Sincere SNS)
유튜브 음악, K-Pop MV 들을 광고없이 목록재생 해서 보세요.
접속하셔서 가입 후 별점만 드레그 하시면 자신의 페이지에 저장 됩니다.
그리고 자신의 페이지로 이동한 뒤 추천 받기 (단축키 R) 를 누르시면 자신이 점수 메긴것들로 이웃 (이웃보기 단축키 B) 을 자동으로 찾아주고 그 이웃들로부터 추천을 받을 수 있습니다.
접속하셔서 가입 후 별점만 드레그 하시면 자신의 페이지에 저장 됩니다.
그리고 자신의 페이지로 이동한 뒤 추천 받기 (단축키 R) 를 누르시면 자신이 점수 메긴것들로 이웃 (이웃보기 단축키 B) 을 자동으로 찾아주고 그 이웃들로부터 추천을 받을 수 있습니다.
이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ.
(If this article was helpful, please click the ad once. Thank you. ;)
(If this article was helpful, please click the ad once. Thank you. ;)
반응형
'[IT|Programming] > HTML related' 카테고리의 다른 글
틱톡 (TikTok) | weverse.io 퍼오는 법 (3) | 2023.10.25 |
---|---|
댓글 플러그인 | 위젯 (SNS comment plug-in | widget) (3) | 2023.10.24 |
Learning Vert.x (0) | 2023.05.30 |
robots.txt 랑 sitemap.xml 설정하기 (0) | 2023.03.09 |
LaTeX/Special Characters (1) | 2023.03.08 |
Change browser URL (window.location) without reloading or redirecting a page (1) | 2023.03.08 |
How can I block MathJax.js to render texts enclosed by backtick ``? (0) | 2023.03.08 |
http/https 링크
및 수식 (\ [ Outline 수식 \ ]
,\ ( inline 수식 \ )
::\
이후 띄어쓰기 없이) 을 넣으실 수 있습니다. 또한 code 는```
시작,```/
마지막으로 감싸 주시면 pretty-printed 되어서 나타납니다.```[.lang-js.scrollable.no-linenums]
같이 언어를 선택해 주실수도 있고, 긴 수식의 경우 scroll bar 가 생기게 만드실 수도 있습니다. .no-linenums 로 line numbering 을 없앨수도 있습니다.댓글 입력 후 rendering 된 형태를 보시려면, Handle CmtZ (단축키: N) 버튼을 눌러주세요. 오른쪽 아래 Floating Keys 에 있습니다. 아니면 댓글 젤 아래에 버튼이 있습니다.