javascript - Confluence - 使用 "/spaces/flyingpdf/pdfpageexport.action?pageId="作为按钮

Question

我正在尝试实现与默认的导出为 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 元素的一部分，如代码所示。 解决!

期待您的宝贵建议。

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