Confluenceのテーブルプラスマクロでセル固有の背景色を使用できますか?
-
06-07-2019 - |
質問
このtable-plusマクロを Confluence で使用しています:
>http://confluence.atlassian.com/display/CONFEXT/Table- plus + macro
セルレベルの書式を設定できますか?列レベルの書式のみが表示されます。
解決
{table-plus}マクロを使用してこれを行うことはできません。ただし、Confluenceでは、 Zacによる記述。
他のヒント
これを行う方法はすべて、プラグインを取得して有効にしたかどうかによって異なります。組み込みのテーブルセル構文は簡潔ですが、そのようなカスタマイズを行う場所はありません。 Adaptavistのコンテンツフォーマットマクロのプラグイン、特にテーブルマクロ-セルにbgcolor属性を問題なくスローできます。
もちろん、しばらくすると、HTMLのように見え始めます。その場合は、 Confluenceに同梱されているHTMLプラグインですが、そうすることのセキュリティへの影響を最初に認識する必要があります。ご使用の環境には適切でない可能性があります。
{html}
またはユーザー定義マクロを使用して、表、表の行、または表のセルにスタイルを適用できます。
表のセル、表の行、または表全体の背景色を設定するための3つのマクロがあります。
表のセルの背景色マクロ
## Macro Title: tblcellbg
## Macro Description: Set background colour for a single table cell
## Macro has a body: N
## Categories: Formatting
## Body Processing: No body
## Output Format: HTML
## Output: JavaScript. Sets table cell background color via CSS
## Developed By: Underverse (http://stackoverflow.com/users/2093966/underverse)
## License: BY-NC-SA
## @param bgcolour:title=Background Color|type=string|required=true|desc=HTML colour or a HTML numeric #value
##
## Check for a blank first parameter
##
#if ($parambgcolour && $parambgcolour.length() > 0) ## If a parm name was used
#set ($bgcolor = $parambgcolour) ## then set the value locally
#elseif ($param0 && $param0.length() > 0) ## if no parm name
#set ($bgcolor = $param0) ## then use the first value
#else
#set ($bgcolor = "#DDFADE") ## no value so set a default
#end
#if ($bgcolor.contains('#')) ## For HTML colours #etc
#set ($bgcolorclass = $bgcolor.replaceAll('#', 'A')) ## Substritute any other char
#else
#set ($bgcolorclass = $bgcolor) ## or use the colourname itself
#end
<script type="text/javascript" class="$bgcolorclass$bgcolorclass">
AJS.$(document).ready(function() {
AJS.$(".$bgcolorclass$bgcolorclass").closest("td").css({"background-color": "$bgcolor"});
});
</script>
このマクロをwikiマークアップテーブル、wikiマクロテーブル、またはwikiエディターで使用して、テーブルセルの背景色を設定できます。
|| Heading 1|| Heading 2 || Heading 3 |
| {tblcellbg:lightgreen} Apple | {tblcellbg:#FFFF33} Banana | Pear |
テーブル行の背景色マクロ
## Macro Title: tblrowbg
## Macro Description: Set background colour for a table row
## Macro has a body: N
## Categories: Formatting
## Body Processing: No body
## Output Format: HTML
## Output: JavaScript. Sets table row background color via CSS
## Developed By: Underverse (http://stackoverflow.com/users/2093966/underverse)
## License: BY-NC-SA
## @param bgcolour:title=Background Color|type=string|required=true|desc=HTML colour or a HTML numeric #value
##
##
## Check for a blank first parameter
##
#if ($parambgcolour && $parambgcolour.length() > 0) ## If a parm name was used
#set ($bgcolor = $parambgcolour) ## then set the value locally
#elseif ($param0 && $param0.length() > 0) ## if no parm name
#set ($bgcolor = $param0) ## then use the first value
#else
#set ($bgcolor = "#DDFADE") ## no value so set a default
#end
#if ($bgcolor.contains('#')) ## For HTML colours #etc
#set ($bgcolorclass = $bgcolor.replaceAll('#', 'A')) ## Substritute any other char
#else
#set ($bgcolorclass = $bgcolor) ## or use the colourname itself
#end
<script type="text/javascript" class="$bgcolorclass$bgcolorclass">
AJS.$(document).ready(function() {
AJS.$(".$bgcolorclass$bgcolorclass").closest("tr").css({"background-color": "$bgcolor"});
});
</script>
設定する行のセルの1つにマクロを挿入します。
|| Heading 1|| Heading 2 || Heading 3 |
| {tblrowbg:lightblue} Apple | Banana | Pear |
セルの色をより細かく制御するには、このマクロを{tblcellbg}とともに使用します。
|| Heading 1|| Heading 2 || Heading 3 |
| {tblrowbg:lightblue} Apple | {tblcellbg:#FFFF33} Banana | Pear |
表の背景色マクロ
## Macro Title: tblbg
## Macro Description: Set background colour for a table
## Macro has a body: N
## Categories: Formatting
## Body Processing: No body
## Output Format: HTML
## Output: JavaScript. Sets table background color via CSS
## Developed By: Underverse (http://stackoverflow.com/users/2093966/underverse)
## License: BY-NC-SA
## @param bgcolour:title=Background Color|type=string|required=true|desc=HTML colour or a HTML numeric #value
##
##
## Check for a blank first parameter
##
#if ($parambgcolour && $parambgcolour.length() > 0) ## If a parm name was used
#set ($bgcolor = $parambgcolour) ## then set the value locally
#elseif ($param0 && $param0.length() > 0) ## if no parm name
#set ($bgcolor = $param0) ## then use the first value
#else
#set ($bgcolor = "#DDFADE") ## no value so set a default
#end
#if ($bgcolor.contains('#')) ## For HTML colours #etc
#set ($bgcolorclass = $bgcolor.replaceAll('#', 'A')) ## Substritute any other char
#else
#set ($bgcolorclass = $bgcolor) ## or use the colourname itself
#end
<script type="text/javascript" class="$bgcolorclass$bgcolorclass">
AJS.$(document).ready(function() {
AJS.$(".$bgcolorclass$bgcolorclass").closest("table").css({"background-color": "$bgcolor"});
});
</script>
マクロをテーブルのセルの1つに入れます。
|| {tblbg:lightblue} Heading 1|| Heading 2 || Heading 3 |
| Apple | Banana | Pear |
{tblrowbg}および{tblcellbg}で使用できます。
JavaScript
別の方法として、セル/行/テーブルの背景色{html}を設定するjavascriptをラップし、コードとしてテーブルに配置します。
JSテーブルセルBGカラー
|| Heading 1|| Heading 2 || Heading 3 |
| Apple |{html}<SCRIPT class=AFFFF33AFFFF33 type=text/javascript>
AJS.$(document).ready(function() {
AJS.$(".AFFFF33AFFFF33").closest("td").css({"background-color": "#FFFF33"});
}); </SCRIPT> {html} Banana | Pear |
JSテーブル行BGカラー
|| Heading 1|| Heading 2 || Heading 3 |
| {html}<SCRIPT class=lightbluelightblue type=text/javascript>
AJS.$(document).ready(function() {
AJS.$(".lightbluelightblue").closest("tr").css({"background-color": "lightblue"});
});
</SCRIPT>{html} Apple | Banana | Pear |
JSテーブルBGカラー
|| {html}<SCRIPT class=pinkpink type=text/javascript>
AJS.$(document).ready(function() {
AJS.$(".pinkpink").closest("table").css({"background-color": "pink"});
});
</SCRIPT>{html} Heading 1|| Heading 2 || Heading 3 |
| Apple | Banana | Pear |