2017-08-29 48 views
0

我試圖實現一個按鈕或圖像,其工作原理與默認相同導出爲PDF選項。這個按鈕又將被包含在一個div元素中。我發現Confluence用於生成PDF的代碼是/spaces/flyingpdf/pdfpageexport.action?pageId=#######其中###表示頁碼。Confluence - 使用「/spaces/flyingpdf/pdfpageexport.action?pageId=」作爲按鈕

我當前的代碼如下:

<style> 
div.fixed { 
    position: fixed !important; 
    top: 45px !important; 
    right: 0px !important; 
    width: 300px; 
    text-align:right; 
} 
</style> 

<div class="fixed"> 
<input type="button" onclick="location.href=document.referrer; return false;" value="Previous Page" /> 
<input type="button" onclick="/spaces/flyingpdf/pdfpageexport.action?pageId=#######;" value="Make PDF" /> 
</div> 

代碼工作僅在第一個按鈕。即使pageId是硬編碼的,第二個按鈕也會顯示,但不起作用。我知道有一個$ content.getIdAsString()代碼來獲得pageId,但到目前爲止我還沒有任何運氣。

這裏就是我試圖完成:

  • 有導出到一個按鈕來實現PDF選項,並遵守所有潛在的PDF樣式表自定義設置。 我設法解決這個問題。見下面的評論。
  • 如果可能,請用圖像替換按鈕。而不是製作PDF按鈕,有一個PDF圖標。總之,更多的視覺。 已解決!
  • 使按鈕/圖像成爲div元素的一部分,如代碼中所示。 已解決!

期待您的真棒建議。

+0

我只是解決了問題的一部分:硬編碼的頁面數量和修改的第二個按鈕的代碼如下:的onclick =「location.href ='/ spaces/flyingpdf/pdfpageexport.action?pageId = 171706153'。 這允許將導出到PDF操作鏈接到按鈕。 我期待收到您對其他問題的建議原來的問題。 – Adeel

回答

0

修改了代碼如下解決原來的問題中列出的所有問題:

<style> 
div.fixed { 
    position: fixed !important; 
    top: 45px !important; 
    right: 0px !important; 
    width: 300px; 
    text-align:right; 
} 
</style> 

<div class="fixed"> 
<input type="button" onclick="location.href=document.referrer; return false;" value="Previous Page" /> 
<input type="image" src="image location" onclick="location.href='/spaces/flyingpdf/pdfpageexport.action?pageId=171706153';"> 
</div>