Confluence插件：如何在CSS標記中添加大豆標記？

Question

我有一個工作良好的大豆文件，除了我想應用的CSS樣式外，它都被忽略了。

我懷疑CSS文件在加載時沒有導入到頁面中。

這是我所擁有的行，css樣式稱為“ urlwidth”

       <input id="vname" class="text urlwidth" type="text" name="vName">

CSS文件看起來像這樣...（simplebp.css）

.urlwidth
{
    max-width: 350px;
}

我想我是要像這樣在大豆文件中添加資源行...

{webResourceManager_requireResource('com.example.plugins.tutorial.confluence.simplebp.simplebp:create-by-sample-template:simplebp-resources')}

我只是不確定要放入webResourceManager_requireResource中的語法是什么。

Answer 1

webResourceManager_requireResource函數采用一個參數，該參數是（Web資源）模塊密鑰。 根據網絡資源模塊文檔 ：“網絡資源插件模塊允許插件定義可下載資源”

您可以在插件描述符 （/src/main/resources/atlassian-plugin.xml）中定義Web資源：

<atlassian-plugin name="My plugin" key="com.mydomain.example.plugin" plugins-version="2">
    (...)
    <web-resource key="my-css-resource">
        <resource type="download" name="my-css.css" location="/css/my-css.css"/>
    </web-resource>
</atlassian-plugin>

假設使用標准目錄布局對插件的代碼進行布局，則my-css.css文件應位於<project>/src/main/resources/css/目錄中。

然后可以通過格式為<plugin-key>:<resource-key>的標識符在大豆模板中引用該<plugin-key>:<resource-key> ：

{webResourceManager_requireResource('com.mydomain.example.plugin:my-css-resource')}

參考： webResourceManager_requireResource函數實現