Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >TYPO3 9.5.4 CKEditor RTE删除样式属性

TYPO3 9.5.4 CKEditor RTE删除样式属性
EN

Stack Overflow用户
提问于 2019-04-18 07:52:57
回答 1查看 1.4K关注 0票数 2

我从7->8->9更新了一个TYPO3网站,现在的问题是RTE CKEditor一直在删除样式属性甚至样式。

带有内容的So和old元素:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div class="mobilr">
<table height="655" width="972" style="vertical-align: middle; background-color: rgb(255, 255, 255); border-style: solid; border-color: rgb(187, 187, 187);" class="centertable">
<tbody>
<tr style="vertical-align: middle;">
<td>
<p>&nbsp;</p>
....

在编辑器中加载为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<table class="centertable" style="height:655px; width:972px">   
<tbody>     
    <tr>    
        <td>        
    <p>&nbsp;</p>
...

因此,当你保存你丢失你的风格信息。我尝试了以下TypoScript:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
RTE.default.proc.allowedClasses = centertable, mobilr
RTE.default.proc.allowTags = table, tbody, tr, th, td, h1, h2, h3, h4, h5, h6, div, p, br, span, ul, ol, li, strong, em, b, i, u, sub, sup, a, img, hr, abbr, acronym, cente
RTE.default.proc.keepPDIVattribs := addToList(style)
RTE.default.proc.entryHTMLparser_db.tags.p.allowedAttribs = class, align, style
RTE.default.proc.entryHTMLparser_db.tags.td.allowedAttribs = class, align, style
RTE.default.proc.entryHTMLparser_db.tags.tr.allowedAttribs = class, align, style
RTE.default.proc.entryHTMLparser_db.tags.table.allowedAttribs = class, align, style
RTE.default.proc.entryHTMLparser_db.tags.div.allowedAttribs = class, align, style
RTE.default.proc.entryHTMLparser_db.tags.h1.allowedAttribs = class, align, style
RTE.default.proc.entryHTMLparser_db.tags.h2.allowedAttribs = class, align, style

遗憾的是,这没有任何效果。我把代码放在我的设置和页面上。有没有一种方法可以完全关闭entryHTMLparser,或者不使用TS就能解决这个问题?

提前感谢您的帮助。

EN

回答 1

Stack Overflow用户

发布于 2019-04-18 08:07:44

这可能是.yaml文件中的配置;我在

EXT:rte_ckeditor/Configuration/RTE/Processing.yaml:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
processing:
    allowAttributes: [class, id, title, dir, lang, xml:lang, itemscope, itemtype, itemprop]

您可以提供自己的配置,例如this guide;我会尝试使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
processing:
    allowAttributes: [class, id, title, dir, lang, xml:lang, itemscope, itemtype, itemprop, style]
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55741464

复制
相关文章
CKEditor使用
https://ckeditor.com/ckeditor-4/download/
码客说
2022/09/19
2.5K0
CKEditor使用
js删除对象属性
对于你对delete运算符非常感兴趣,可以查看kangax写的一篇关于delete语句的非常深入的文章,理解delete。
IT工作者
2021/12/29
16K0
css列表属性和样式控制
如下图是360浏览器主页的内容,上边有导航,下边是新闻列表,这种布局很常见,今天就来学习css列表属性之后并制作它。
呆呆
2021/11/26
1.2K0
css列表属性和样式控制
如下图是360浏览器主页的内容,上边有导航,下边是新闻列表,这种布局很常见,今天就来学习css列表属性之后并制作它。
呆呆
2021/09/29
1K0
Android 样式系统 | 主题背景属性
在 Android 样式系统系列的前几篇文章中,我们介绍了主题背景与样式的区别,以及为什么说通过主题背景和公共主题背景属性来分解您要实现的内容是一个不错的主意,请点击链接回顾:
Android 开发者
2022/09/23
1.4K0
Android 样式系统 | 主题背景属性
Python 按钮(BUTTON)样式属性说明
Python tkinter 按钮组件用于tkinter GUI里添加按钮,按钮可以添加文本和图像。当按钮按下时,可以执行指定的函数。
matinal
2023/10/26
4950
Python 按钮(BUTTON)样式属性说明
监控ckeditor内容变化,删除编辑器内图片,ueditor同样适用
let body = document.querySelector("iframe").contentDocument.body; let observer = new MutationObserver((mutationsList, observer) => { for (let mutation of mutationsList) { if (mutation.removedNodes.length > 0) { console.log(mutation); cons
liulun
2019/09/29
7520
input placeholder属性的样式修改
有时需要修改placeholder的文字颜色,需要用使用 input::-webkit-input-placeholder 选中,然后进行样式设置
德顺
2019/11/13
6.6K0
获取元素的样式属性 原
document.getElementById("test").style.color 这种方式获取的只是内联样式,并不能获取内部样式和外部样式,下面为内部样式
tianyawhl
2019/04/04
2.4K0
JS示例05-style行间样式和class属性样式
1、行间样式优先级高于class属性样式(设置过行间样式后,再设置属性样式则无效) 2、对同一个元素只采用一种属性控制方式(要不是行间样式,要不是class样式),不要混用
专注APP开发
2019/11/07
9.9K0
JS示例05-style行间样式和class属性样式
前端入门4-CSS属性样式表声明正文-CSS属性样式表
作为一个前端小白,入门跟着这四个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。
请叫我大苏
2018/12/06
1.6K0
常见问题 - 构建文档 - ckeditor5中文文档
不像CKEditor 4, CKEditor 5实现了自定义数据模型。这意味着加载到编辑器中的每个内容都需要转换为该模型,然后再渲染回视图。
ianzhi
2019/07/31
5.6K0
angular 2+组件 - 框架 - 集成 - 构建文档 - ckeditor5中文文档
CKEditor 5由现成的编辑器构建和构建所基于的CKEditor 5 Framework组成。
ianzhi
2019/07/31
3.5K0
css的cursor属性 鼠标指针样式
cursor 属性规定要显示的光标的类型(形状),该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状(不过 CSS2.1 没有定义由哪个边界确定这个范围)。
德顺
2019/11/13
3.3K0
JQuery学习笔记之属性与样式
.attr()与.removeAttr() attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } html(), text()和val() .html(),.text()和.val()的差异总结: .html(),.text(),.val()三种方法都是用来读取选定元素的内
marsggbo
2020/06/12
7790
【Angular6+】属性及样式绑定
借助 CSS 类绑定,可以从元素的 class attribute 上添加和移除 CSS 类名。
CloudCat
2019/05/26
9990
html鼠标样式怎么去掉,CSS鼠标样式cursor属性怎么设置
CSS鼠标样式可以通过设置cursorg属性,从而达到鼠标在对象上移动的鼠标样式。
全栈程序员站长
2022/09/03
4.4K0
html鼠标样式怎么去掉,CSS鼠标样式cursor属性怎么设置
删除标签的属性(方案收集)
背景 某站有人问到此问题,记录一下,以防以后要用 目的 希望收到跟多的解决方案,欢迎留言 /** * 删除所有标签属性,支持忽略标签 * @param {*} str 字符串文本 * @param {*} ignoreArr 要忽略的标签 */ function deleteAllTagAttr(str, ignoreArr) { if (typeof str !== 'string') return let reg = ne
random_wang
2019/09/10
1.6K0
@import 属性——加载外部层叠样式表
@import 加载外部层叠样式表。@import 规则必须放在其他除了@charset规则以外的CSS规则的前面;@import 规则不可嵌套于条件规则组中。
Html5知典
2019/11/29
1.1K0
点击加载更多

相似问题

TYPO3 CKEditor RTE配置

26

TYPO3 rte_ckeditor插件

12

如何删除TYPO3 v10的CKEditor RTE中的字体?

19

ckeditor删除<span>和样式属性

45

TYPO3 RTE样式表断开链接?

27
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文