Reco Everything you wanna value. 자세히보기

[IT|Programming]/HTML related

HTML docuK format ver. 2.1, short copiable version (2023-05-30)

kipid 2023. 5. 30. 20:54
반응형
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.
▼ Hide
Toggle a mess
Go (FS)
TofC
DocuK Log
Backward
Forward
RRA
Lists
CmtZ
CmtX
Handle CmtZ
Log in
out focus
이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ.
(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
This document is rendered by docuK (See also SEE (Super Easy Edit) of docuK and pure SEE).

HTML docuK format ver. 2.1 short copiable version (2014-06-25)

개인적으로 만들고 있는 LaTeX 비슷한 형태의 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).

TPH.Posting History

▼ Show/Hide

T1.section

▼ Show/Hide
citing the reference ( No refer. )

T1.1.subsection

T1.1.1.subsubsection

citing the reference ( No refer. )( No refer. )
▲ Hide

T2.Equations, Figures, and Code printing

▼ Show/Hide

T2.1.Equation

equations: \( g(a) \). &ensp; 사용: $f(x)$ $= x^4$ $+ 3 x^3$ $- 8 x^2$ $+ x$ $- 5$, and &thinsp; 사용: $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$.
(2-1)
\[ f(x) \]
Refering equations
(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. Code to be printed is here.
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

T3.Opening Sources

▼ Show/Hide

TRefs.References and Related Articles

▼ Show/Hide
  1. Ref. [01] kipid's blog - HTML docuK format ver. 2.1
  2. 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.
  3. Ref. [03] github.com - kipid - docuK
  4. TRefs.2.Supported by

  5. Ref. [04] jQuery.com; and jQuery - download;
    // JavaScript enhancer
  6. Ref. [05] MathJax.org; and MathJax Documentation - latest; and The Core Configuration Options; and The MathJax.Hub Object;
    // Math renderer.
  7. Ref. [06] Google Code Prettify and Getting Started;
    // Code prettyfier.
  8. TRefs.3.subsection

  9. Ref. [07] kipid's blog - LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들
  10. Ref. [08] kipid's blog - Citing the references automatically in HTML (like LaTeX); ref는 id를 부여하고 (보통 구분을 확실히 하기 위해 "ref-"를 prefix로 붙임.) cite tag with class로 cite함. 이후 자동으로 parsing.
  11. Ref. [09] kipid's blog - 인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog)
  12. Ref. [10] kipid's blog - 인터넷에서 예쁘게 코드 입력하기 (google code prettify)
  13. Ref. [11] kipid's blog - Customized styling of scroll bars in HTML, 2014-05-25
  14. Ref. [12] kipid's blog - Improving web performance
  15. Ref. [13] kipid's blog - Delayed Loading in HTML by JavaScript (+jQuery)
▲ Hide
Toggle a mess
* 홍보/Promoting Recoeve.net (3S | Slow/Sexy/Sincere SNS)
유튜브 음악, K-Pop MV 들을 광고없이 목록재생 해서 보세요.
접속하셔서 가입 후 별점만 드레그 하시면 자신의 페이지에 저장 됩니다.
그리고 자신의 페이지로 이동한 뒤 추천 받기 (단축키 R) 를 누르시면 자신이 점수 메긴것들로 이웃 (이웃보기 단축키 B) 을 자동으로 찾아주고 그 이웃들로부터 추천을 받을 수 있습니다.
Toggle a mess
이 글이 도움이 되셨다면, 광고 클릭 한번씩만 부탁드립니다 =ㅂ=ㅋ.
(If this article was helpful, please click the ad once. Thank you. ;)
반응형