karavas/highlight-js

安装: 1

依赖: 0

建议者: 0

安全性: 0

星标: 1

关注者: 1

分支: 0

开放问题: 0

语言:CSS

类型:typo3-cms-extension

2.0.0 2019-11-05 15:47 UTC

This package is auto-updated.

Last update: 2024-09-06 21:13:50 UTC


README

在TYPO3中创建Highlight.js元素

对于管理员

扩展需要像其他TYPO3 CMS扩展一样安装

  1. 开启扩展模块
  2. 在左上角从下拉菜单中选择"获取扩展"
  3. 在搜索栏中,输入:highlight_js
  4. 点击云图标并下载扩展

准备:包含静态TypoScript

扩展包含一些需要包含的TypoScript代码。

  1. 开启模板模块
  2. 转到您的根页面
  3. 切换到编辑整个模板记录
  4. 切换到包含选项卡
  5. 选择Highlight.js TypoScript静态模板
  6. 保存并关闭您的设置

包含PageTS

扩展还包含TSConfig

  1. 切换到您的根页面
  2. 编辑页面
  3. 切换到资源
  4. 包含Highlight.js - PageTS
  5. 保存

应用您的模板

在TypoScript文件中定义您的模板所在的路径。

tt_content {
  	highlight_js {
		templateRootPaths.500 = EXT:yourExtention/Resources/Private/Templates/
		partialRootPaths.500 = EXT:yourExtention/Resources/Private/Partials/
		templateName = Highlight.html
	}
}

应用样式

在常量编辑器中,您可以找到当前已实现的样式列表。选择一个并查看其在前端上的渲染效果。

对于编辑器

  1. 开启页面模块
  2. 在Pagetree中选择您想要放置内容元素的页面
  3. 点击内容按钮以创建新的内容元素
  4. 切换到Highlight.js
  5. 选择您的元素

附加信息

由于Highlight.js支持多种语言,无法一次性包含所有语言,因此如果您想包含更多样式或语言,请创建一个问题,以便尽快包含它们。

如果您有TypoScript和FLUID语言定义,请在此处提交,以便我可以将它们添加到扩展中

highlightjs/highlight.js#2030