// Navigation
[[FAQinEnglish]] * [[FormatRule]] * ''FormatExample''
------------------

// Main Contents
#contents
#hr
Here are examples.

#br
*Inline Elements [#m7791eef]
In the following table you can see how to use the inline text elements of PukiWik
In the following table you can see how to use the inline text elements of PukiWiki

** Text Decorations [#a4c2798d]
:|
~The expressions are supposed to work with the default settings. 
The first 5 expressions are defined in ''default.ini.php''.
The others which starts with "&" and "footnote" is powered by respective ''plugins''.
See ''default.ini.php'' to change the settings for the former ones.
See respective ''plugins'' for the latter ones.
|''Format example''|''Formatting code''|''Comment''|h
|''Emphasised text''|''Emphasised text''|Put the text between two single quotes.|
|''Emphasized text''|''Emphasized text''|Put the text between two single quotes.|
|'''Italic text'''|'''Italic text'''|Put the text between three single quotes.|
|%%Strikethrough text%%| %%Strikethrough text%%||
|%%%Underlined text%%%| %%%Underlined text%%%||
|Text with&br;a break|Text with &br; a break||
|&size(24){Text in font size 24};| &size(24){Text in font size 24};||
|&color(purple){Purple text};| &color(purple){Purple text};||
|&color(#663466){Colored text};| &color(#123456){Colored text};||
|&color(yellow,black){yellow text with black backbround};| &color(yellow,black){yellow text with black background};||
|&color(yellow,black){yellow text with black background};| &color(yellow,black){yellow text with black background};||
|((This is the footnote's text))|((This is the footnote's text))|This inserts a footnote with the given text at the bottom of the page.|
|&ref(http://www.example.com);&br;&ref(./pukiwiki.png,alt-title-puki-img);|&ref(http://www.example.com);&br;&ref(./pukiwiki.png,alt-title-puki-img);|This inserts a reference.&br;It also inserts attached images.|
|http://www.example.com&br;&ref(./pukiwiki.png,alt-title-puki-img);|&ref(http://www.example.com);&br;&ref(./pukiwiki.png,alt-title-puki-img);|This inserts a reference.&br;It also inserts attached images.|
|&aname(Anchor);|&aname(Anchor);|This inserts an invisible anchor for hyperlinking.|

** Link Styles [#v232da88]
:|
|''Format example''|''Formatting code''|''Comment''|h
|WikiName|WikiName|This creates a link to another page on the same Pukiwiki site.|
|[[BracketName]]|[[BracketName]]|This creates a link to another page on the same Pukiwiki site.|
|http://www.example.com|http://www.example.com|The easiest way to make an external link, as you can see. :-P|
|[[External link:http://www.example.com]]|[[External link:http://www.example.com]]|This creates links to pages on other web sites.|
|[[http://pukiwiki.sourceforge.jp/image/pukiwiki.png:http://www.example.com]]|[[the image's URL:http://www.example.com]]|This creates image-links to pages on other web sites.|
|http://www.example.com|http://www.example.com|The easiest way to make an external link, as you can see. :-P|
|External link|[[External link:http://www.example.com]]|This creates links to pages on other web sites.|
|&ref(./pukiwiki.png,nolink,sample img);|[[the image's URL:http://www.example.com]]|This creates image-links to pages on other web sites.|
|[[pukiwiki:FrontPage]]|[[pukiwiki:FrontPage]]|InterWiki Styled Link|
|[[Alias>FrontPage]]|[[Alias>FrontPage]]|This enables you to make a link to a page in Pukiwiki with a different name.|
|[[Alias>pukiwiki:FrontPage]]|[[Alias>pukiwiki:FrontPage]]|Advanced Link style: the combination of Alias and InterWiki|
|[[http://pukiwiki.sourceforge.jp/image/pukiwiki.png>FrontPage]]|[[the image's URL>FrontPage]]|This enables you to make an imagw-link to a page in Pukiwiki with a different name.|
|[[&ref(./pukiwiki.png,nolink,Pukiwiki);>FrontPage]]|[[the image's URL>FrontPage]]|This enables you to make an imagw-link to a page in Pukiwiki with a different name.|
|[[&ref(はじめてのPukiWiki/14/pukiwiki.png,nolink,Pukiwiki);>FrontPage]]|[[&ref(Wiki-Page-Where-The-Image-Is-Attached/Image-Name,OPTION1,ALT);>FrontPage]]|Of course, you can use an attached file for the image-link.&br;"ref plugin" has many option to explain... please wait for the translation to come... If the image is attached on the same page, "Wiki-Page-Where-The-Image-Is-Attached" can be omitted. |

** Special entities : [#nb14c38a]
:|
~These expressions are supposed to work with the default settings. 
See ''rules.ini.php'' to change the definition, and see ''pukiwiki.ini.php'' to change the date/time format.
|''Special entity''|''Code''|''Comments''|h
|FormatExample|&page;|This returns the name of current page.&br;(i.e. if the page name is "Pukiwiki/1.4", this returns "1.4".)|
|FormatExample|&fpage;|This returns the full name of current page.&br;(i.e. if the page name is "Pukiwiki/1.4", this returns "Pukiwiki/1.4".)|
|2004-01-16|&date;|This returns date according to the defined date format in rules.ini.php&br;Reffer to "$date_format" in the file.|
|18:27:44|&time;|This returns date according to the defined date format in rules.ini.php&br;Reffer to "$time_format" in the file.|
|2004-01-16 (FRI) 18:27:44|&now;|This returns the current time.|
|2004-01-16|date?| This returns date according to the defined date format in rules.ini.php&br;Reffer to "$date_format" in the file.|
|18:27:44|time?| This returns date according to the defined date format in rules.ini.php&br;Reffer to "$time_format" in the file.|
|2004-01-16 (FRI) 18:27:44|now?| This returns the current time.|
|&heart;|&heart;||
|©|©||
|®|®||
|™|™||
|²|²||
|³|³||
| | |You may not be able to see it,&br;but there is a non-breaking space in the first column. &br; It prevents a line from being broken at that point.|
| | |This a normal space,|
|-|-|And this is a minus sign. |
|☎|☎|As you can see, you can define any unicode character like this. |
|☎|☎|As you can see, you can define any Unicode character like this. |
**Misc [#v656944d]
:|
|''Format example''|''Formatting code''|''Comment''|h
|Inline text&br;Inline text| Inline text&br;Inline text|&br; is replaced with a line break.|
|Inline text~&br;#plugin| Inline text~&br;#plugin|The ~, followed by a line break works as an escape character that disables the # character, which normally activates a plugin.&br;cf.[[Paragraph(Block Elements)>#a6ab3c0e]]|
|&counter;|&counter;|Shows the access log counter.|
|&online;|&online;|Shows the current number of the visitors.|
|&version;|&version;|Shows the version number of PukiWiki itself|

* Block Elements [#vab576d9]
~In what follows, examples for the block elements will be given.
First, you will see the example as it should be entered into PukiWiki, and
next is the result you'll get. 

** Preformatted text [#n759c266]
 Preformatted text. There is a space in front of this text.

Preformatted text. There is a space in front of this text. 
&br;
** Headings [#ac5978ad]
 *Heading level 1
 **Heading level 2
 ***Heading level 3
There are no examples of how the heading looks like here, 
because they would disturb the structure of this document.
But take a look at the headings above and below to see how 
it might look. 
&br; 

** Paragraphs and the tilde as and escape character [#qf934edb]
 ~Paragraph
 ~*This will not be displayed as a heading
~Paragraph
~*This will not be displayed as a heading
 Line break escape example~
 #comment (disables first letter formatting rule, which is used to activate plugins.)
Line break escape example~

 #comment (disables first letter formatting rule, which is used to activate plugins.)
&br;

** Quotes [#kca2e842]
 >Quote Level 1
 >>Quote Level 2
 >>>Quote Level 3
>Quote Level 1
>>Quote Level 2
>>>Quote Level 3
&br;

** Unordered lists [#z49f05aa]
 -Unordered list level 1
 --Unordered list level 2
 ---Unordered list level 3
-Unordered list level 1
--Unordered list level 2
---Unordered list level 3
&br;

** Ordered lists [#z5776714]
 +Ordered list level 1
 ++Ordered list level 2
 +++Ordered list level 3
+Ordered list level 1
++Ordered list level 2
+++Ordered list level 3
&br;

** Definition lists [#ld3bf7de]
 :Definition|Description
:Definition|Description
&br;

** Comments [#s7e1dcef]
 A comment is hidden here: 
 //Comment
A comment is hidden here: 
//Comment
&br;

** Horizontal Rule [#jc7b1972]
 ----
----

** Table [#pca8d4bc]

*** Simple [#xb7f0c4f]
 |aaa|bbb|ccc|
 |111|222|333|
|aaa|bbb|ccc|
|111|222|333|

*** Advanced [#lfad6154]
 |RIGHT:100|CENTER:|SIZE(20)|c -------------- format definition line
 |~Header|Header2|Header3|h ----------------- header line
 |CENTER:rowspan|COLOR(red):bbb|ccc|
 |~|222|COLOR(#ff0000):BGCOLOR(yellow):333|
 |footer|>|CENTER:colspan|f ----------------- footer line

|RIGHT:100|CENTER:|SIZE(20)|c
|~Header|Header2|Header3|h
|CENTER:rowspan|COLOR(red):bbb|ccc|
|~|222|COLOR(#ff0000):BGCOLOR(yellow):333|
|footer|>|CENTER:colspan|f


** CSV Table [#bc0b7e1f]
 ,aaa , bbb , ccc
 ,1111,2222,3333
,aaa , bbb , ccc
,1111,2222,3333

** plugins [#vaf81370]

 #contents 
~(This is the table of contents plugin) 

&br;

* Enhancements with plugin [#s20a3a69]

** How can I attach/upload files and images? [#r42919d4]
:Required plugins|
~"Attach" and "Ref"
:How to|
+First, you need to upload the file or image by using "attach plugin". You can recognise the icon of "clip"- something like these:&ref(http://pukiwiki.sourceforge.jp/image/attach.png,nolink); or &ref(http://pukiwiki.sourceforge.jp/image/file.png,nolink);, at the bottom of the page. Or there may exist a "text link" which leads you to the upload page at the top, but it depends on the "skin".
+If you fihish uploading the file or image, you can call the uploaded ones by using "ref plugin"
+First, you need to upload the file or image by using "attach plugin". You can recognize the icon of "clip"- something like this:&ref(http://pukiwiki.sourceforge.jp/image/file.png,nolink);, at the bottom of the page. Or there may exist a "text link" which leads you to the upload page at the top, but it depends on the "skin".
+If you finish uploading the file or image, you can call the uploaded ones by using "ref plugin"


------------------
*** Comments [#t6ebf131]
// Comments
* Comments [#t6ebf131]
? what does "ref plugin" mean? I imagine the images go into some directory relative to the document? So I tried the following:
 - step 1: upload an image called "myimage.gif"
 - in the document add &ref("myimage.gif")
but this didnt work.
but this didn't work.

- Please try: -- [[henoheno]] &new{2004-10-23 (土) 15:23:43};
 - in the document add &ref(myimage.gif); <= with semicolon

-Updated the infomation for Link with "ref plugin". check "Link Styles" table again, pls.
-Hi :) Who added Special Thanks with credit now (One year after) and why now ?  It seems no way to prove it -- [[henoheno]] &new{2005-07-02 (土) 11:08:49};
-Updated the information for Link with "ref plugin". Please check "Link Styles" table again.
-Hi :) Who added Special Thanks with credit now (One year later) and why 2011-03-07 (月) 16:44:10 It seems no way to prove it -- [[henoheno]] &new{2005-07-02 (土) 11:08:49};
-It was me, henoheno. むか~し整形ルールを翻訳している時に、この表の原型ができました。devの方にも痕跡が残っていると思います。と、言うわけで僕の記憶が正しければBjornさんが作ってくれた表です。どうして今か?……なんとなくです……。B-wiki関係でウロウロしていたら、ふと思い出してしたので……。もちろん他にも内容の修正を手伝ってくれた方が多々いらっしゃいましたが、僕らがしたのは修正だけなので敢えて明示するまでも無いと判断し、あのような形になりました。 -- Olorin &new{2005-07-02 (土) 14:48:33};
-個人的には「テキスト整形のルールを表示する」のときの簡易表として使ったらどうかと思っています。いずれにせよ、僕の記憶とdevにある状況証拠だけが頼りなのでcreditを示すか否かはhenohenoさんの判断にお任せします。 :-) ついでに、英語のtypo修正。またplug-inをpluginに統一しました。 -- Olorin &new{2005-07-02 (土) 14:48:33};
- とても見やすくてわかりやすいですね。FormattingRulesを新しく作るのに使わせていただきました。http://miyoshino.la.coocan.jp/eswiki/?FormattingRules -- [[tsuru]] &new{2006-08-07 (月) 21:58:55};

//#comment
//Please enter your name or handle in first box , and enter comment in second box.
- とても見やすくてわかりやすいですね。FormattingRulesを新しく作るのに使わせていただきました。http:&#47;&#47;miyoshino.la.coocan.jp/eswiki/?FormattingRules -- [[tsuru]] &new{2006-08-07 (月) 21:58:55};


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.028 sec.

OSDN