README

本仓库提供了作为 TYPO3 CKEditor 扩展的 "Fontawesome" 插件。它扩展了 CKEditor 的 default、full 和 minimal 布局。如果您编写自己的 CKE-Preset，请注意不要 删除斜体按钮。

TSConfig

Typo3 常量

在前端禁用 CDN 集成

plugin.tx_ckeditor_fontawesome.loadCSS =

设置备选 CDN 引用文件

plugin.tx_ckeditor_fontawesome.css = {$path}

在您的 own RTE Preset 中添加 Fotawesome

要将此插件添加到您的 own RTE 配置中，请导入配置到您的 preset。

imports:
    - { resource: "EXT:rte_ckeditor_fontawesome/Configuration/RTE/PluginFA6.yaml" }

在下一步中，您需要扩展您的 individual Toolbar-Config 以添加可点击的图标。

  ...
  toolbar:
        - [ 'Bold', 'Italic', .....]
        ...
        - [ 'DPFontAwesome' ]
        ...

Fontawesome 6 Pro

通常您在 sitepackage 中有一个 RTE 配置，如果没有，请创建一个新文件。

将 PluginFA6Pro.yaml 添加到 imports
将 fontAwesome URL 或路径添加到 CSS
如果图标仍然缺失：检查 css 中的 webfonts 路径并相应更改

imports:
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Processing.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Base.yaml" }
- { resource: "EXT:rte_ckeditor/Configuration/RTE/Editor/Plugins.yaml" }
- { resource: "EXT:rte_ckeditor_fontawesome/Configuration/RTE/PluginFA6Pro.yaml" }

editor:
  config:
    ui:
      DPFontAwesome:
        css: 'LINK TO YOUR FONTAWESOME PRO CSS'

根据您的 RTE 配置，工具栏按钮可能不会出现。那么您需要将其添加到您的 sets。

editor:
  config:
    toolbar:
      ###YOUR_TOOLBARGRP###:
        - '|'
        - DPFontAwesome

待办事项

请给我们反馈

我们非常欢迎任何形式的反馈或进一步发展的想法，以便不断改进扩展以满足您的需求。

说谢谢！支持我

你喜欢这个扩展吗？从我的愿望清单上给我一些东西（惊喜！）来自 Amazon 或下一张披萨。非常感谢！

dirkpersky / typo3-rte-ckeditor-fontawesome

维护者

详细信息