Typo3:8.7.9 CKeditor 保存后删除块样式

2024-01-07

我在 Typo3 中有以下 CKEditor 的 YAML 配置:

# Load default processing options
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" }

# Add configuration for the editor
# For complete documentation see http://docs.ckeditor.com/#!/api/CKEDITOR.config
editor:
  config:
    # can be "default", but a custom stylesSet can be defined here, which fits TYPO3 best.
    contentsCss: "/templates/path/css/_collection/rte.css"
    format_tags: "p;h1;h2;h3;h4;h5;pre"
    # Samples for configuration
    stylesSet:
      # block level styles
      #- { name: "Beispiel H2", element: "h2", styles: { color: "orange", background: "blue" } }
      - { name: "Button (default)", element: "a", attributes: { class: "btn btn-default" } }
      - { name: "Button (primary)", element: "a", attributes: { class: "btn btn-primary" } }
      - { name: "h2", element: "p", attributes: { class: "h2" } }
      - { name: "Intro", element: "p", attributes: { class: "intro" } }

      # Inline styles
      #- { name: "Beispiel-Link auf a", element: "a", styles: { color: "red" } }
      - { name: "Link mit Pfeil", element: "a", attributes: { class: "linkpfeil" } }
      - { name: "PDF-Download", element: "a", attributes: { class: "download-pdf" } }


    toolbarGroups:
      - { name: document,  groups: [ mode ] }
      - { name: clipboard, groups: [ clipboard, undo ] }
      - { name: editing,   groups: [ spellchecker ] }
      - { name: insert }
      - { name: tools }
      - { name: others }
      - "/"
      - { name: styles }
      - { name: basicstyles, groups: [ basicstyles, align, cleanup ] }
      - { name: paragraph,   groups: [ list, indent, align, blocks ] }
      - { name: links }

    justifyClasses:
      - align-left
      - align-center
      - align-right
      - align-justify

    extraPlugins:
      - justify

    removePlugins:
      - image

    removeButtons:
      - Anchor
      - Underline
      - JustifyBlock
      - Table

# Allow s and u tag
processing:
  allowTags:
    - s

当我编辑文本时,一切正常。我可以选择两个“p”块样式“h2”和“intro”,但是保存后,样式消失了。

保存之前CKEditor显示正确

<p class="intro">Text</p>

保存后是

<p>Text</p>

其他定义(按钮(默认)、PDF-下载)按预期工作。只有 p-Tag 上的两种样式不起作用。

有人知道为什么并且可以给我提示吗?


我从 Typo3 7 更新了这个项目。旧的编辑器 htmlArea 仍然存在并安装。我卸载了这个过时的扩展。现在一切正常。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Typo3:8.7.9 CKeditor 保存后删除块样式 的相关文章

  • jQuery / Javascript - 检测 WooCommerce 商店通知 html 是否可见

    我正在寻找一种方法来确定使用 JavaScript jQuery 是否显示 WooCommerce 商店通知 商店通知的 HTML 看起来像这样 p class woocommerce store notice demo store sty
  • 如何设置 div 高度来填充可用空间

    我有一个 3 列布局 列下方有一些详细信息 您会注意到其中一列的高度大于其他列的高度 我希望其他两个 div 自动填充剩余空间 直到蓝色 div 文本将动态加载 因此我需要它与任何更大的列 并且任意数量 一起使用 这可以通过 HTML CS
  • Google 字体衬里数字

    我正在使用Raleway http www google com fonts specimen Raleway字体和谷歌字体的描述说 下载的内容既有旧风格 也有衬里数字 我找不到任何说明文件how到行数字 有谁知道我该怎么做 回答我自己的问
  • CSS - 单个图像文件与多个文件的优点

    我注意到现在很多网站将所有图像都放在单个文件中 然后使用背景位置来偏移屏幕上显示的矩形 这是出于性能原因吗 如果是这样为什么 这称为 CSS 精灵 使用它有几个原因 对服务器的请求更少 文件大小稍小 因为大图像比单独的图像要小一些 预加载图
  • CSS 中 media="screen" 是什么意思?

    下面的 CSS 代码中 media screen 是什么意思
  • 使用列数,如果分辨率较小,是否可以动态地从 3 列更改为 2 列?

    我正在使用column count属性来设置一个页面 在三列中包含多个 div 这在较大的屏幕上看起来很棒 每个 div 都有固定宽度 例如 500px 包含图像 然而 当在较小的屏幕上工作时 浏览器会尝试强制内容在原始的三列中 而实际上它
  • 使用 javascript 设置最大高度

    我有一个 div 这个 div 的最大宽度是用户定义的 我知道我可以使用 element style height 完成它 但这在 IE 中不起作用 关于如何使用 javascript 实现 Firefox 的最大高度等效项有什么想法吗 通
  • BigDecimal 无法强制转换为 BigDecimal

    这应该很简单 但它却爆炸了 有任何想法吗 d BigDecimal new 2 0 YAML load a gt d to yaml TypeError BigDecimal can t be coerced into BigDecimal
  • Bootstrap 手风琴菜单不起作用

    我设计了一个如图所示的手风琴菜单 如果单击菜单 打开的菜单将关闭 这就是手风琴的功能 但在这个设计中 我逐个单击菜单 但前一个没有关闭 如何解决这个问题 提前致谢 jQuery document ready function var acc
  • 无法删除重叠的框阴影

    更具体地说 我使用的是聚合物纸影 我正在尝试删除一个的两侧paper shadowbox 来创建一个简单的箭头框 但我似乎无法摆脱它 我试过删除position absolute 但这似乎并没有消除重叠的行为 这是我的 html css 的
  • a:active 不起作用

    我在这里很困惑 the a active不工作 但是 hover工作正常 我已经尝试了很多事情 但这个让我陷入困境 而且真的很令人困惑 我刚刚在表中添加了链接 我已将单元格添加到了类中 menu1 现在 当我访问活动页面时 活动链接不会突出
  • 如何在不同页面上使用不同类型的导航栏组件

    我为我们项目的两个不同子系统创建了两个不同的导航栏组件 App js function App return lt gt
  • 是否可以将CSS应用于半个字符?

    我在寻找什么 一种打造风格的方法HALF一个角色的 在这种情况下 一半的字母是透明的 我目前搜索和尝试过的内容 没有运气 设置半个字符 字母样式的方法 使用 CSS 或 JavaScript 设置字符的一部分样式 将 CSS 应用于字符的
  • iPhone 上的 Chrome 溢出空白页面上的内容(仅在新选项卡上,而不是重新加载)

    在 iOS Chrome 上 正文会在没有内容的新选项卡或页面上溢出 但如果重新加载页面 问题就会得到解决 它会给位于底部的任何元素 绝对或固定 带来问题 这是重现问题的代码
  • 具有最大高度和滚动的动态内容的对话框+页脚CSS

    我有一个dialog with 位置 绝对 and a 最大高度放 这最大高度财产是set从外面by a javascript框架 jQuery UI 对话框 所以我无法控制它 里面有 2 个 div 其中一个充满了动态内容 and a 静
  • 如何使用 css 在标题的两侧放置实线? [复制]

    这个问题在这里已经有答案了 可能的重复 如何在标题文本上制作字段集图例样式的 背景线 https stackoverflow com questions 5985009 how can i make a fieldset legend st
  • 如何仅使用CSS设置某个角的边框半径

    如上所示 我可以只给顶部部分而不给底部提供半径 或者有时给底部而不是顶部提供半径吗 有没有办法只给一个角提供边界半径 Like border radius top left top right bottom right bottom lef
  • CSS - SASS:使用基于@each的mixins来生成多个背景

    我正在使用 CSS 创建发型和颜色目录 我有 55 种不同颜色和发型的组合 每种发型和颜色都有自己的图像 SVG 文件 我需要将它们全部组合成一个背景 使用 CSS3 的多背景功能 我编写了这个混合来生成多个背景 它基于 mixin在这篇文
  • 自定义 WP 主题时,我应该将导航栏放在“”标签之前还是之后?

    我正在通过制作子主题来自定义 WP 主题 我将 Bootstrap 中的导航栏放入子主题目录中的 header php 文件中 但是 我不确定在哪里放置导航栏代码 我可以把它都放在前面and之后标记成功 例如 无论我选择哪一个 导航栏都显示
  • Github 操作测试之前是否进行了包含特定单词的提交

    我需要确保使用 github 操作进行测试 如果之前已进行包含该单词的提交build 如果提交不包含单词build那么不应运行 github 操作的测试 你能给我一些建议吗 Test name Testing on push branche

随机推荐