bh
Element zur Ausgabe von PDFs in einem PDF-Reader
HTML-Template: el-pdf-viewer.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:tmpl.element object="{cObj}">
<bh:pdfViewer file="{cObj.picture}" download="{cObj.allSettings.enableDownload}"
spread="{cObj.allSettings.spreadLayout}" />
</bh:tmpl.element>
Typoscript: el-pdf-viewer.typoscript
TYPOSCRIPT
plugin.tx_bh.settings.contentElements.el-pdf-viewer < abstract.bhElement
plugin.tx_bh.settings.contentElements.el-pdf-viewer {
name = PDF Viewer
description = Zeigt ein PDF mit realistischem Blätter-Effekt an
templateFile = el-pdf-viewer.html
templatePath = EXT:bh/Resources/Public/Elements/el-pdf-viewer/
settingsForm = EXT:bh/Resources/Public/Elements/el-pdf-viewer/el-pdf-viewer-settings.html
iconFile = EXT:bh/Resources/Public/Icons/Elemente/book.svg
bheListgroup = 1
link = 0
hidden = 0
doNotRenderLink = 1
allowedData {
file = pdf
}
options {
oncreate = advanced
edit = 0
translate = 0
copy = 1
moveable = 1
}
# Default settings
spreadLayout = 1
enableDownload = 1
settingsGlobalFields {
templatePath = fileadmin/templates/elements/el-settings-global-fields.html
}
userClass = bh-centered
}
bh.page.includeCSS.el-pdf-viewer = EXT:bh/Resources/Public/Elements/el-pdf-viewer/el-pdf-viewer.css
[bh.isMobile]
bhDefaultMobilePage.includeCSS.el-pdf-viewer < bh.page.includeCSS.el-pdf-viewer
[global]
Settings-HTML: el-pdf-viewer-settings.html
HTML
{namespace bh=TYPO3\Bh\ViewHelpers}
<bh:form.settingsform content="{cObj}">
<bh:form.settings.tabs>
<bh:form.settings.tab name="Einstellungen" icon="page">
<div class="bhe-formsettings-option bhe-form-field-type-mediacake">
<label data-tooltip="Die angezeigte Überschrift des PDF-Viewers kann über das Title-Feld der Datei in der Mediacake-Dateiverwaltung geändert werden."
data-tooltip-view="extended">PDF-Datei</label>
<bh:form.mediacake name="fileProperty" value="{cObj.picture}" multiple="false"
mime-types="application/pdf" />
</div>
<div class="bhe-formsettings-option">
<label data-tooltip="Zeigt zwei Seiten nebeneinander an (Magazin-Ansicht)."
data-tooltip-view="extended">Doppelseiten-Ansicht (Spread)</label>
<f:form.checkbox name="spreadLayout" value="1" checked="{cObj.allSettings.spreadLayout}" />
</div>
<div class="bhe-formsettings-option">
<label data-tooltip="Ermöglicht den Download des PDFs." data-tooltip-view="extended">Download
erlauben</label>
<f:form.checkbox name="enableDownload" value="1" checked="{cObj.allSettings.enableDownload}" />
</div>
</bh:form.settings.tab>
<bh:form.settings.tab name="Layout" icon="layout">
<bh:form.dynamicFields item="{cObj}" settings="{cObj.allSettings.settingsGlobalFields}" />
</bh:form.settings.tab>
</bh:form.settings.tabs>
<f:form.submit value="Speichern" />
</bh:form.settingsform>