完全控制TYPO3的HTML输出_Html_Angularjs_Templates_Typo3

完全控制TYPO3的HTML输出

html angularjs templates typo3

完全控制TYPO3的HTML输出,html,angularjs,templates,typo3,Html,Angularjs,Templates,Typo3,我正在用TYPO3建立一个使用AngularJS的网站。要在body上获得正确的CSS类，我需要编辑标记。我还想完全控制模板中的HTML输出我当前尝试使用从后端配置的模板： page = PAGE page.10 = TEMPLATE page.10.template = FILE page.10.template.file = fileadmin/Template/index.html 这将输出以下HTML： <!DOCTYPE html> <html lang="en"

我正在用TYPO3建立一个使用AngularJS的网站。要在body上获得正确的CSS类，我需要编辑

标记。我还想完全控制模板中的HTML输出

我当前尝试使用从后端配置的模板：

page = PAGE
page.10 = TEMPLATE
page.10.template = FILE
page.10.template.file = fileadmin/Template/index.html

这将输出以下HTML：

<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<!-- 
    This website is powered by TYPO3 - inspiring people to share!
    TYPO3 is a free open source Content Management Framework initially created by Kasper Skaarhoj and licensed under GNU/GPL.
    TYPO3 is copyright 1998-2014 of Kasper Skaarhoj. Extensions are copyright of their respective owners.
    Information and contribution at http://typo3.org/
-->

<title>My site - Title from Typo3</title>
<meta name="generator" content="TYPO3 6.2 CMS">

<link rel="stylesheet" type="text/css" href="typo3temp/stylesheet_8b9c2e8d89.css?1418032603" media="all">

</head>
<body>

<!-- HTML basics -->
<!-- My template start here -->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="ie lt-ie9 lt-ie8 lt-ie7" ng-app="app"> <![endif]-->
<!--[if IE 7]>         <html class="ie lt-ie9 lt-ie8" ng-app="app"> <![endif]-->
<!--[if IE 8]>         <html class="ie lt-ie9" ng-app="app"> <![endif]-->
<!--[if gt IE 8]><!--> <html ng-app="app"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>My site - Title from template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" CONTENT="noindex, nofollow">


我的网站-来自Typo3的标题
我的网站-来自模板的标题

没有告诉高级的东西，比如把整个模板换成其他东西

我可以用分机吗
我可以为我的模板创建扩展吗
我的模板如何创建添加内容的TYPO3占位符

我希望我的模板和CSS/Javascript在存储库中，而不是在后端GUI（数据库）中配置

相关问题：

您不需要创建任何扩展，因为可以使用打字脚本（设置字段）轻松禁用它

当然，在这种情况下，您需要将所有标题添加到模板中

此外，当您希望通过bootsrtap将Extbase ext中的纯JSON（或其他数据）呈现到指定的

typeNum

时，此标志也很有用，您不需要创建任何扩展，因为可以使用TypeScript（设置字段）轻松禁用它

当然，在这种情况下，您需要将所有标题添加到模板中

此外，此标志也很有用，当您希望通过bootsrtap将Extbase ext中包含的纯JSON（或其他数据）呈现到指定的

typeNum

，而不是阅读

入门指南

，您应该尝试

模板化教程

：

您可以将所有TS排除到文件中，并仅将其包含在一个模板记录中。这就是

介绍包

所做的。

与其阅读

入门指南

，不如尝试

模板教程

：

您可以将所有TS排除到文件中，并仅将其包含在一个模板记录中。这就是

介绍包

所做的。

对于“完全控制模板”问题，还有另一个鲜为人知的解决方案

然后，您可以从typo3/sysext/tslib/template/tslib_page_frontend.html复制模板，并根据需要进行编辑，例如

###XMLPROLOG_DOCTYPE###
<!--[if lt IE 7 ]> <html lang="de" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="de" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="de" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="de" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> 
  <html lang="de" class="no-js"> 
<!--<![endif]-->
###HEADTAG###

###METACHARSET###
###INLINECOMMENT###

###BASEURL###
###SHORTCUT###
###TITLE###
###META###

###CSS_INCLUDE###
###CSS_INLINE###

###JS_LIBS###
###JS_INCLUDE###
###JS_INLINE###

###HEADERDATA###
</head>
###BODY###
###JS_LIBS_FOOTER###
###JS_INCLUDE_FOOTER###
###JS_INLINE_FOOTER###
###FOOTERDATA###
</body>
</html>

甚至（我说得对吗？）：

等等。包括打字脚本也适用于页面TSConfig和用户TSConfig。我不想以任何其他方式工作

您还需要为您最喜欢的编辑器（例如，这里的Sublime）添加代码着色：

对于“完全控制模板”问题，还有另一个鲜为人知的解决方案

然后，您可以从typo3/sysext/tslib/template/tslib_page_frontend.html复制模板，并根据需要进行编辑，例如

###XMLPROLOG_DOCTYPE###
<!--[if lt IE 7 ]> <html lang="de" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="de" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="de" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="de" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> 
  <html lang="de" class="no-js"> 
<!--<![endif]-->
###HEADTAG###

###METACHARSET###
###INLINECOMMENT###

###BASEURL###
###SHORTCUT###
###TITLE###
###META###

###CSS_INCLUDE###
###CSS_INLINE###

###JS_LIBS###
###JS_INCLUDE###
###JS_INLINE###

###HEADERDATA###
</head>
###BODY###
###JS_LIBS_FOOTER###
###JS_INCLUDE_FOOTER###
###JS_INLINE_FOOTER###
###FOOTERDATA###
</body>
</html>

甚至（我说得对吗？）：

等等。包括打字脚本也适用于页面TSConfig和用户TSConfig。我不想以任何其他方式工作

您还需要为您最喜欢的编辑器（例如，此处的Sublime）添加代码着色：

您的帖子中有许多不同的问题您的帖子中有许多不同的问题

###XMLPROLOG_DOCTYPE###
<!--[if lt IE 7 ]> <html lang="de" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]>    <html lang="de" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="de" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]>    <html lang="de" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> 
  <html lang="de" class="no-js"> 
<!--<![endif]-->
###HEADTAG###

###METACHARSET###
###INLINECOMMENT###

###BASEURL###
###SHORTCUT###
###TITLE###
###META###

###CSS_INCLUDE###
###CSS_INLINE###

###JS_LIBS###
###JS_INCLUDE###
###JS_INLINE###

###HEADERDATA###
</head>
###BODY###
###JS_LIBS_FOOTER###
###JS_INCLUDE_FOOTER###
###JS_INLINE_FOOTER###
###FOOTERDATA###
</body>
</html>

<INCLUDE_TYPOSCRIPT: source="FILE:fileadmin/templates/main/ts/config.ts">

<INCLUDE_TYPOSCRIPT: source="FILE: EXT:mytemplateext/path/to/config.ts">