splitbody.inc.php
Last Modified. 06/20/2006
Plugin to split sentences automatically and display them with multi columns
| Summary | Plugin to split sentences automatically and display them with multi columns |
|---|---|
| Compatible Versions | Verified with Pukiwiki Plus 1.4.7plus-i18n |
| Developer | sonots |
| First Edition | 06/20/2006 |
| License | GPL |
| Table of Contents |
This page is written in both English and Japanese.
Abstract
This plugin splits sentences automatically and displays with multi columns.
This plugin splits contents considering the number of characters. The delimeters are space, return, tab characters. However, this plugin does not consider about wiki grammars, so I guess this works only when you writes natural sentences.
If you want to split at positions where you like,
sky:column.inc.php
should be better.
Related
- org:自作プラグイン/splitbody.inc.php - 画面分割プラグイン Gone. I Recycled this name
- org:自作プラグイン/div.inc.php - 画面分割プラグイン、DIV版
- plus:Plugin/splitinclude.inc.php - 左右に分割してのインクルード
- sky:PukiWiki/Plugin/Multicolumn- 段組表示を行う。
- sky:column.inc.php - 段組表示。各カラム幅を指定できる。
- org:自作プラグイン/block.inc.php - 区分け、領域分けプラグイン(tableタグ)
- org:欲しいプラグイン/175 - 区分けプラグイン(tableタグ)
- plug:expand.inc.php - 固定レイアウト表示プラグイン
How to use
#splitbody([Options]){{
Contents
}}
Options
- num=Number
- The number of columns
- tag=div|table
- The html tag to be used to split. Default uses div float
- border
- Show border at the middle of each column
- width=Width
- The whole width. Specify as 100% or 800px like CSS.
- style=Style
- Additional CSS style to be specified to each column tag
Configuration
CSS can be configured using class 'splitbody' as below.
div.splitbody {
}
div.splitbody div {
}
table.splitbody {
}
table.splitbody td {
}
Example
NOTE: This should be affected by the skin of pukiwiki itself whether it is using div float style or table style. Furthermore, this should affected by kinds of browsers. Please make sure with many browsers by doing narrowing or spreading browser window. By the way, the skin of this site is using div float style. I can not help you because this problems are because of browsers.
In the case of div float sytle, rounding happens after narrowing window size on IE, Firefox, Opera. This means rounding happens if there are long URL or big images.
#splitbody{{
Contents
}}
// equlas to #splitbody(num=2,tag=div)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
Above will be like this after narrowing window size.
#splitbody(width=200px)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
In the case of IE, line-break:strict; word-break:break-all; word-wrap:break-word; does not affect for table tag, so the long character (URL) of the left column are not broken, and only right column will be narrowed.
Same thing happens with Firefox also. Opera is cool.
#splitbody(tag=table)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
Above will be like this after narrowing window size.
#splitbody(tag=table,width=200px)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
#splitbody(num=3,tag=table)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
Rouding might happen without large enough window width compared with the case of num=2.
#splitbody(num=3,tag=div)
Cited from http://en.wikipedia.org/wiki/Wiki .
A wiki (IPA: [ˈwiː.kiː] <wee-kee> or [ˈwɪ.kiː] <wick-ey>[1]) is a type of website that allows users to add, remove, or otherwise edit and change all content very quickly and easily, sometimes without the need for registration. This ease of interaction and operation makes a wiki an effective tool for collaborative writing. The term wiki can also refer to the collaborative software itself (wiki engine) that facilitates the operation of such a website (see wiki software), or to certain specific wiki sites, including the computer science site (and original wiki), WikiWikiWeb, and the online encyclopedia Wikipedia.
#splitbody(num=3,tag=table,border)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
#splitbody(num=3,tag=table,style=margin:20px;padding:20px;)
|
Cited from http://en.wikipedia.org/wiki/Wiki |
This should be wierd in spite of window width. You should not use tag=div and margin, padding together.
#splitbody(num=3,tag=div,style=margin:20px;padding:20px;)
Cited from http://en.wikipedia.org/wiki/Wiki .
A wiki (IPA: [ˈwiː.kiː] <wee-kee> or [ˈwɪ.kiː] <wick-ey>[1]) is a type of website that allows users to add, remove, or otherwise edit and change all content very quickly and easily, sometimes without the need for registration. This ease of interaction and operation makes a wiki an effective tool for collaborative writing. The term wiki can also refer to the collaborative software itself (wiki engine) that facilitates the operation of such a website (see wiki software), or to certain specific wiki sites, including the computer science site (and original wiki), WikiWikiWeb, and the online encyclopedia Wikipedia.
Download
Please remove the numbered extention, and put into plugin directory.
| File | Date | What's new |
 splitbody.inc.php | 06/20/2006 | First Edition |
Compatibility Check
Please join us to check compatibilities.
Compatible
Incompatible
アイデア
- 固定等幅フォント、固定 font-size, line-height を使えば、文字数から width, height が計算でき、縦幅をどこ（何文字目）で区切ればよいかわかるようになるかもしれない。
Comment
Please go to ./Note?
