# Super Easy Edit (SEE) of docuK
쉽게 문서를 작성합시다.
Try it yourself
Edit the text and click the button below it to render the text to the docuK HTML format. Then the document will be represented beneath the textfield. You can use
Shift+Enter
for rendering. You can copy and paste the code in Copy and Paste where the full stand-alone code is.
For the full stand-alone code, put meta tags additionally
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
for encoding ('utf-8' is recommended. The html file must be saved with the same encoding.) and <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=3, user-scalable=yes"/>
for mobile view.
Shift+Enter
).
## PH
###/ Posting History
Posting History is put here. This section is automatically hiden.
- Posting History is put here.
- 2015-01-03: Cite and Refer. 좀 더 정리.
- 2014-06-18: First posting.
<refer class="sec-Test"></refer>
Class and Id are asigned with [emmet style] like
##/ optional end of section "DocuK and Section (h2)s"
##[.hiden#sec-HidenSec] Initially Hiden Section
With hiden class, the section will be hiden initially.
##[#sec-cite-refer] Citing references and Refering anything.
You can cite references like with ##[.class0.class1.hiden#sec-Test] Section head
.<cite class="ref-docuK"></cite><cite class="ref-docuK-short"></cite><cite class="ref-docuK-github"></cite>
.
And you can refer anything like section <refer class="id-of-html-element"></refer>
.
## Raw HTML
Since learning and remembering something new takes time, this is designed to be just as simple as possible. And as what this actually do is simply renderring/making a text to the HTML format, new grammers will be minimized by adopting raw HTML grammers.
Raw HTML can be added like this. A paragraph starting with '<' will be appended without any change.
Raw text is appended as a paragraph, enclosed by <div class="p"></div>
.
This is default comment box:
<div class="cmt"></div>
.
You can put multiple paragraphs and nested htmls.
- Unordered list 1.
- Unordered list 2.
- Ordered list 1.
- Ordered list 2.
This is default 'be careful' box:
## Links | URLs to appropriate html
Just use <div class="bcf"></div>
.
<a href=""></a>
right now. Planning to implement this. (Should I implement this?? Not desperately needed, I think.)
###/ http://www.npr.org/blogs/health/2013/12/30/258376009/how-language-seems-to-shape-ones-view-of-the-world
How Language Seems To Shape One's View Of The World
, January 02, 2014, by ALAN YU.
## Maths or Equations by LaTeX format
Maths or Equations can be put by using \$TeX math\$, <eq>TeX math</eq>
, and <eqq>TeX math</eqq>
.
The first two are converted to inline maths like $\alpha \beta = \int f(\gamma) dx \sum_i \hat{H}_i$. The last one is converted to outline math like
<pre class="prettyprint scrollable lang-java">Codes to be pretty-printed.</pre>
,
import org.vertx.java.platform.Verticle; // Every Java verticle must extend the class org.vertx.java.platform.Verticle. You must override the start method - this is called by Vert.x when the verticle is started. import org.vertx.java.core.http.HttpServerRequest; public class HelloWorldServer extends Verticle { /////////////////////////////////////////////// // Called when the verticle is deployed. /////////////////////////////////////////////// @Override public void start() { ///////////////////////////////////////////// // Lambda exp with chaining. ///////////////////////////////////////////// vertx.createHttpServer().requestHandler( (HttpServerRequest req) -> { System.out.println("req.method(): "+req.method()); // GET, PUT, POST, DELETE, HEAD, OPTIONS, CONNECT, TRACE, PATCH req.response().putHeader("Content-Type","text/html"); req.response().end("<h1>Hello World</h1>"); req.response().close(); }).listen(1001); } /////////////////////////////////////////////// // Called when the verticle is undeployed. /////////////////////////////////////////////// @Override public void stop(){ // do something. } }Or using
```Codes to be pretty-printed.```/
, or ```[Emmet style class and id attr like ".class-0.class-1#element-id"]Codes to be pretty-printed.```/
,
Code Example
```[.scrollable.lang-java]
import org.vertx.java.platform.Verticle; // Every Java verticle must extend the class org.vertx.java.platform.Verticle. You must override the start method - this is called by Vert.x when the verticle is started.
import org.vertx.java.core.http.HttpServerRequest;
public class HelloWorldServer extends Verticle {
///////////////////////////////////////////////
// Called when the verticle is deployed.
///////////////////////////////////////////////
@Override
public void start() {
/////////////////////////////////////////////
// Lambda exp with chaining.
/////////////////////////////////////////////
vertx.createHttpServer().requestHandler( (HttpServerRequest req) -> {
System.out.println("req.method(): "+req.method()); // GET, PUT, POST, DELETE, HEAD, OPTIONS, CONNECT, TRACE, PATCH
req.response().putHeader("Content-Type","text/html");
req.response().end("<h1>Hello World</h1>");
req.response().close();
}).listen(1001);
}
///////////////////////////////////////////////
// Called when the verticle is undeployed.
///////////////////////////////////////////////
@Override
public void stop(){
// do something.
}
}```/
<div id="code-id"><div class="number">Code Name</div>
and </div>
. And refer it with <refer class="code-id"></refer>
. Example: docuK-prepare.js
), or which are using kipid.variables
already asigned before, will not work in the afterward rendering.
Only kipid.docuKProcess()
will be called in this demo example. But when you put "docuK HTML part" into a html file or post it to blogs (which allows script), the full feature of docuK will be loaded and every functionality of docuK will work.
## RRA
###/ References and Related Articles
- kipid's blog - HTML docuK format ver. 2.1;
// Updated regularly - kipid's blog - docuK short copiable version;
// Updated regularly - kipid's blog - Super Easy Edit (SEE) of docuK;
// Current document - kipid's blog - 인터넷, Web, HTML, 블로그에서 수식 사용하기 (Equation or math in HTML, blog)
- github.com - kipid - docuK
- jQuery.com; and jQuery - download;
// JavaScript enhancer - MathJax.org; and MathJax Documentation - latest; and The Core Configuration Options; and The MathJax.Hub Object;
// Math renderer. - Google Code Prettify and Getting Started;
// Code prettyfier. - jQuery - contents(): Get array of immediate children of element, including text nodes.
- MDN - CSS full reference; and especially Pseudo-classes is useful. Ex:
element:nth-of-type(an + b) { style properties }
element:nth-child(an + b) { style properties }
- LaTeX(라텍스, 레이텍) 소개 및 설명서(Guide)들, 2014-03-24
// 다른 이런류의 편집기가 많긴 하지만, 그 기원(?)이라고 할 수 있는게 TeX/LaTeX 일듯. 그런데 이건 책이나 논문을 만드는데 목적을 두고 만들어진 것이라서 pdf 같은걸로 결과물을 주기 때문에 인터넷, IT 기기에서 사용하기에는 부적합해 보이기도.
// 그래도 문법은 차용해서 쓰기 좋음. - wikipedia.org;
// Wikipedia uses its own markdown language. - stackoverflow.com;
// Stack Overflow uses its own markdown language. - GitHub/adam-p - Markdown (GitHub); and live demo page
// This might be used in GitHub wiki.
Main
Supported by
API documentation
Other markdown/markup languages
'[IT/Programming] > HTML related' 카테고리의 다른 글
인스타그램 (Instagram) 퍼오는 법 (2) | 2022.12.29 |
---|---|
imgur - Embed album (2) | 2022.12.29 |
SNS 내보내기/공유하기 (Sharing a URI link through SNS) (0) | 2022.12.28 |
HTML 에서 동영상 연속 재생하기 (playlist, shuffle, replay) (0) | 2022.12.07 |
Netflix iframe 으로 퍼오기. (0) | 2021.03.13 |
Learning Node.js (0) | 2019.04.01 |
Vertical center align by CSS in HTML (0) | 2019.04.01 |