Confluence - 使用“/spaces/flyingpdf/pdfpageexport.action?pageId=”获取按钮

时间:2017-08-29 21:22:14

标签: javascript html confluence

我正在尝试实现与默认导出为PDF 选项相同的按钮或图像。该按钮又包含在div元素中。我发现Confluence用于生成PDF的代码是 /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元素的一部分,如代码所示。 已解决!

期待您的精彩建议。

1 个答案:

答案 0 :(得分:1)

修改代码如下,以解决原始问题中列出的所有问题:

<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>