Differences

This shows you the differences between two versions of the page.

--- plugin:exttab3 [2015-10-23 17:58] – [How to force a newline] 109.110.43.17
+++ plugin:exttab3 [2023-10-30 22:30] (current) – Klap-in
@@ Line 2: / Line 2: @@
 ---- plugin ----
-description: implement extended (MediaWiki-style) table syntax in DokuWiki
+description: Implement extended (MediaWiki-style) table syntax in DokuWiki
-author     : S.Sahara
+author     : Satoshi Sahara
 email      : sahara.satoshi@gmail.com
 type       : syntax
-lastupdate : 2015-09-25
+lastupdate : 2021-03-24
-compatible : Binky, Ponder Stibbons, Hrun, 2015-08-10a "Detritus"
+compatible : Elenor of Tsort, Frusterick Manners, Greebo, Hogfather
 depends    :
 conflicts  :
@@ Line 27: / Line 27: @@
 What's New / Difference from [[exttab2]]:
   * The plugin now completely writes its own plugin calls (instruction list) in the //handle// processing stage before //render// stage. In contrast to earlier versions, this change ensures the plugin to work better with DokuWiki's own EOL & paragraph handling and serves to avoid potential invalid html rendering.
-  * html of each exttab is enclosed in the wrapper block (div.exttab) to allow flexible selector usage in the CSS.
+  * Better handling of nested tables (tables inside tables), even though they should be avoided as much as possible.
+  * No need to add an extra blank line to the end of whole table to close extended table mode.
 ===== Installation =====
-Install the plugin through the [[plugin:extension|Extension Manager]] or [[plugin:plugin|Plugin Manager]] using the download URL above, which points to latest version of the plugin. Refer to [[:plugin_installation_instructions|plugin installation instructions]].
+Search and install the plugin using the [[plugin:extension|Extension Manager]]. Refer to [[:Plugins]] on how to install plugins manually.
@@ Line 40: / Line 41: @@
 |Wiki source<file>
-{|
+{| title="Extended Table Example"
 |+//Extended Table Example//
-! style="width: 12em;"|
+! style="width: 12em;"| A1 Header
-A1 Header
+! style="width: 10em;"| B1 Header
-! style="width: 10em;"|
-B1 Header
 |- style="background-color: MistyRose;"
+|
+{| title="nested table"
+|+ //nested table//
 |
 {{ wiki:dokuwiki-128.png?50&nolink}}
-Lorem ipsum dolor sit amet,
+**Lorem** ipsum dolor sit amet,
-consetetur sadipscing elitr,
+//consetetur// sadipscing elitr,
 sed diam nonumy eirmod tempor invidunt
 ut labore et dolore magna aliquyam erat,
 sed diam voluptua.
+|}
 |
-B2 Data
+List in Cell
-  * //italic//
+  * //italic// and **bold**
   * ''monospace''
   * [[:start|page link]]
+> quoting
 **ATTENTION:**\\
 Needs an extra empty line
-after the end of  whole table!
+after lists and quoting syntax!
 |}
+</file>| html output (image)\\ \\ {{http://raw.githubusercontent.com/ssahara/dw-plugin-exttable/master/images/sample.png?nolink&290|Extended Table Example}} |
-</file>| html output (image)\\ \\ {{https://raw.githubusercontent.com/ssahara/dw-plugin-exttable/master/images/sample.png?nolink&290&recache|Extended Table Example}} |
@@ Line 71: / Line 75: @@
 ==== CSS style tips ====
-The class ''exttable'' is available as a part of selectors in your CSS file. The HTML of extended table enclosed between ''%%<div class="exttable">%%'' and ''%%</div>%%''. Following CSS rule-set defined in ''style.css'' of the plugin directory.
+The class ''exttable'' is available as a part of selectors in your CSS file. The HTML of extended table is enclosed between ''%%<div class="exttable">%%'' and ''%%</div>%%''. The following CSS rule-set is defined in ''style.css'' of the plugin directory:
   * reducing indent width of list block in cells:<file css>
@@ Line 84: / Line 88: @@
 === exttab with vector template ===
-When using [[template:vector|vector template for DokuWiki]], tables won't have borders around the cells. To add a border, using the default way of vector template customization by altering ''/dokuwiki/lib/tpl/vector/**user**/screen.css'' (**NOT** ''/dokuwiki/lib/tpl/vector/**styles**/screen.css''), insert following:
+When using [[template:vector|vector template for DokuWiki]], tables won't have borders around the cells. To add a border, use the default way of vector template customization by altering ''/dokuwiki/lib/tpl/vector/**user**/screen.css'' (**NOT** ''/dokuwiki/lib/tpl/vector/**styles**/screen.css''). Insert the following:
 <file css>
 .exttable td,
 .exttable th {
-   border: 1px solid __border__;
+   **border**: 1px solid __border__;
 }
 </file>
 ===== Acknowledgement=====
-This 3rd trial to implement exttab has based on the [[doku>plugin:exttab2|2nd version (exttab2, 2010-08-28)]] by disorder chang with XSS vulnerability fix by Ashish Myles. The [[doku>plugin:exttab1|first version (exttab1, 2006-10-19)]] was released by Werner Flamme. Thanks for their earlier development and sharing source code.
+This 3rd trial to implement exttab is based on
+  * the [[plugin:exttab2|2nd version (exttab2, 2010-08-28)]] (source: [[https://github.com/ssahara/dw-plugin-exttable/tree/exttab2]]) by disorder change with XSS vulnerability fix by Ashish Myles.
+  * The [[plugin:exttab1|first version (exttab1, 2006-10-19)]] (source: [[https://github.com/wernerflamme/dwexttab1/]]) was released by Werner Flamme.
+Thanks for their earlier development and sharing source code.
@@ Line 109: / Line 116: @@
 ===== Discussion =====
+==== Problem with bordering inserts by Include Plugin ====
+If you use ''%%{{page>...}}%%'' syntax of Include Plugin in wikitables, it will crush borders in all cells after a table header. If you look at browser's console, it will show inserted code ''%%style="border: 0px none;"%%'' in TD tags. CSS files can't do this, and in both plugins there is no such code, so it's a problem of Doku core, maybe.
+You can fix it by adding ''%% !important%%'' mark to a both border instructions in ''%%lib/plugins/exttab3/style.css%%''. This decision works with more high priority, but doesn't make a pure code, whatever.
 ==== [fixed] vertical bar treated wrong ====
 Links do not work if they contain an embedded vertical bar, like in ''%%[[path:to:page|Oh that page!]]%%''. - Daumling