javascript - 如何在tinyMCE中更改字体大小的基本度量单位?

标签 javascript css tinymce font-size

基本计量单位是:PT

正如您在工具栏上的文本大小元素中所见:

Font size is shown in the toolbar

我们通过 EM 单位处理我们的文本大小,所以我尝试在根元素上添加内联样式,但是当您更改文本时,内联样式会覆盖 H1 文本大小值,因此需要其他解决方案。

之后我尝试在以下位置设置样式: content.css 带有这个标签:

p {
    color:red;
    font-size: 1em;
}

一切顺利,文本改变了大小并应用了颜色,但是...... 工具栏似乎没有更新,仍然显示 11pt

所以我开始怀疑是否应用了该样式......但不,不可能,因为文本是红色的......

我将字体大小属性的值更改为 2em,当我在工具栏上看到这个时,我很惊讶:

enter image description here

所以我现在明白了,工具栏正在将分配给字体大小属性的值转换为主要单位测量值:PT 因为 1em -> 11pt、2em -> 21pt 和 2.35em -> 29pt

所以在这一点上,我在 tinymce 引擎盖下的旅程变成了一场噩梦。

谁能告诉我一个允许我显示 1em(我的 P 元素中字体大小的实际值)的配置属性? 类似于 toolbar_font_size_units

另一种解决方案是找到将 text-size 转换为字符串并绘制的方法...

谢谢!

最佳答案

这似乎是一个已知的错误报告在这个 issue

您可以在那里找到要修改的代码以实现修复。

关于javascript - 如何在tinyMCE中更改字体大小的基本度量单位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54813037/

相关文章:

javascript - 在 TinyMCE 中使用 <style> 标签

angular - 在初始化时隐藏 TinyMce 工具栏

javascript - React Router Link onClick redux Action 调用不调用 reducer

javascript - js 文件在 Spring Boot 中未附加到 html

JavaScript,简单 : make global

javascript - React 中的样式

html - CSS:绝对和相对嵌套在相对内,重叠

html - ie9/CSS : Flyout menu not working in ie9, 但在 Firefox/Chrome 中看起来不错

javascript - 如何使只读的tinyMCE编辑器再次可写

javascript - NextJS - 在 getStaticProps 中获取动态变量