pluswerk/timeline

Pluswerk: HTML to PDF

维护者

详细信息

github.com/pluswerk/timeline

主页

源代码

问题

安装: 24

依赖: 0

建议者: 0

安全: 0

星标: 1

关注者: 3

分支: 0

公开问题: 0

类型:typo3-cms-extension

1.1.0 2020-06-24 11:52 UTC

Requires

GPL-2.0-or-later 5779126079cb530e7f4144ce47adb54e0e1b428b

This package is auto-updated.

Last update: 2024-09-24 21:56:58 UTC

README

此扩展为您的TYPO3项目添加了创建动态时间线的可能性。

image

用法

您可以在存储文件夹内部创建时间线记录。时间线记录包含纪元，每个纪元定义一个时间范围。在纪元内部，您可以创建时刻，这些时刻将通过前端提示显示。

要查看前端中的时间线，您只需创建“时间线”插件并选择您想查看的时间线。

资产

您可以将此扩展中的SCSS和JavaScript文件包含在内。我们提供了带有IE11使用polyfills的popper.js。

includeJSFooter.popper = EXT:timeline/Resources/Public/JavaScript/popper.js
includeJSFooter.timeline = EXT:timeline/Resources/Public/JavaScript/timeline.js

在您的打包器中包含SCSS文件。

/path/to/timeline/Resources/Private/Scss/Timeline.scss

否则，您可以编写自己的样式和脚本以匹配您的设计。

图片

您可以以图片的形式导出您的时间线（实验性）。因此使用了库html2canvas。导入方式如下

includeJSFooter.html2canvas = EXT:timeline/Resources/Public/JavaScript/htmltocanvas.js

您可以像这样编辑模板和JavaScript，将图片打印到网站上（并作为jpg/png下载）

<button class="js-to-image">To image</button>
var button = document.querySelector('.js-to-image');
  button.addEventListener('click', function () {
    var line = document.querySelector('.js-timeline');
    html2canvas(line).then(function (canvas) {
      document.body.appendChild(canvas);
    });
  });