Help:Editing

From Documentation
Revision as of 10:39, 21 September 2010 by Flyworld (talk | contribs) (Created page with 'You can try in wiki sandbox <!-- ==To explain terms== where * addon-name: an unique name for this addon. * language-name: the language nam…')
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

You can try in wiki sandbox

To add reference

Please enclose reference with <ref></ref>. And add

'''Notes'''
<references/>

at the bottom of section.

For example,

This is a simple example<ref>isn't it really simple?</ref>. ZK Rockes<ref>Please visit our [http://www.zkoss.org/ website]</ref>.

'''Notes'''

<references/>

will be:

This is a simple example[1]. ZK Rockes[2].

Notes

  1. isn't it really simple?
  2. Please visit our website

To force TOC(Table of content) appear

You can write '''__TOC__''' in the top of page.

To add a category

A page in any namespace can be put in a category by adding a category tag to the page (by convention, at the end of the page), e.g.:

[[Category:Category name]]

To embed a video from youtube

  • Get the Youtube clip ID (like www.youtube.com/watch?v=Fno1zUQOETU)
  • Use ev function to embed it into you page.
{{#ev:youtube|Fno1zUQOETU}}
  • If you want to set the size, simply add the size add the end
{{#ev:youtube|Fno1zUQOETU|300}}
  • Notice: if your video is 720p (width) in Youtube, you can use.
{{#ev:youtubehd|Fno1zUQOETU}}

To add a swf file

  • upload the swf file by including an image in your wiki page.
  • use <gflash> to include the swf file
ex.<gflash>1024 420 http://docs.zkoss.org/images/a/a2/Server_push.swf</gflash>
    • resolution: 1024 420
    • url:http://docs.zkoss.org/images/a/a2/Server_push.swf

To Highlight Syntax

Use Syntax

<syntax lang="css"> /* Issue #4 (http://code.google.com/p/syntaxhighlighter/issues/detail?id=4) */ a.button:active { background-position: bottom right; background-position: top left; } /* end */

/* Issue #23 (http://code.google.com/p/syntaxhighlighter/issues/detail?id=23) */ a.button:active { _background-position: bottom right; font-size: 23px; } </syntax>

Use Source

zk.getTextSize = function (el, txt) {
	var tsd = zk._txtSizDiv;
	if (!tsd) {
		tsd = zk._txtSizDiv = document.createElement("DIV");
		tsd.style.cssText = "top:-1000px;left:-1000px;position:absolute;visibility:hidden;border:none";
		document.body.appendChild(tsd);
	}

	for (var ss = zk.TEXT_STYLES, j = ss.length; --j >= 0;)
		tsd.style[ss[j]] = Element.getStyle(el, ss[j]);

	tsd.innerHTML = txt;
	return [tsd.offsetWidth, tsd.offsetHeight];
};

Use Source + Line

10 zk.getTextSize = function (el, txt) {
11 	var tsd = zk._txtSizDiv;
12 	if (!tsd) {
13 		tsd = zk._txtSizDiv = document.createElement("DIV");
14 		tsd.style.cssText = "top:-1000px;left:-1000px;position:absolute;visibility:hidden;border:none";
15 		document.body.appendChild(tsd);
16 	}
17 
18 	for (var ss = zk.TEXT_STYLES, j = ss.length; --j >= 0;)
19 		tsd.style[ss[j]] = Element.getStyle(el, ss[j]);
20 
21 	tsd.innerHTML = txt;
22 	return [tsd.offsetWidth, tsd.offsetHeight];
23 };