[英]TYPO3: How to add a css and JS on the backend
如何在后端添加css和javascript文件?
我想将这些文件用于自定义创建的内容元素,以使它们对用户更具吸引力。
系统:TYPO3 v9
模式:作曲家模式
目标:自定义内容元素
在TYPO3 v9中,您必须在每种模式下执行以下操作
CSS
$GLOBALS['TBE_STYLES']['skins']['your_extension_key'] = array();
$GLOBALS['TBE_STYLES']['skins']['your_extension_key']['name'] = 'My Awesome Name';
$GLOBALS['TBE_STYLES']['skins']['your_extension_key']['stylesheetDirectories'] = array(
'visual' => 'EXT:yourextension/Resources/Public/Css/Backend',
'theme' => 'EXT:yourextension/Resources/Public/Css/Monokai'
);
这里的路径(CSS)是一个目录,所以它会读取指向目录中的所有文件。
JS
$renderer = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class);
$renderer->addJsFile('yourextension/Resources/Public/JavaScript/Backend.js', 'text/javascript', false, false, '', true, '|', false, '');
$renderer->addJsFile('yourextension/Resources/Public/JavaScript/another.js', 'text/javascript', false, false, '', false, '|', false, '');
参数:
addJsFile(
$file,
$type = 'text/javascript'
$compress = true,
$forceOnTop = false,
$allWrap = '',
$excludeFromConcatenation = false,
$splitChar = '|',
$async = false,
$integrity = ''
);
在大文件中,加载可能会出现一些问题,但如果有人能确认这一点,我将不胜感激。
附加信息:
如果您想使用 TYPO3 的 jQuery(强烈推荐它以避免冲突),您还应该使用以下内容:
require(["jquery"], function($) {
//your awesome function
});
您也可以使用条件来确保它已加载到后端:
if (TYPO3_MODE === 'BE') {
$renderer = \TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\TYPO3\CMS\Core\Page\PageRenderer::class);
...
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.