tinymce.html.Styles

此类用于解析 CSS 样式。它还可以压缩样式以减少输出大小。

示例

const Styles = tinymce.html.Styles({
  url_converter: (url) => {
    return url;
  }
});

styles = Styles.parse('border: 1px solid red');
styles.color = 'red';

console.log(tinymce.html.Styles().serialize(styles));

概述

方法

方法

parse()

parse(css: String): Object

将指定的样式值解析为对象集合。此解析器还将合并和删除浏览器可能添加的任何多余项。样式中的 URL 也将根据设置转换为绝对/相对路径。

参数

• css (String) - 要解析的样式值。例如：border:1px solid red;

返回值

• Object - 该样式的对象表示。例如：{ border: '1px solid red' }

serialize()

serialize(styles: Object, elementName: String): String

将指定的样式对象序列化为字符串。

参数

• styles (Object) - 要序列化为字符串的对象。例如：{ border: '1px solid red' }

• elementName (String) - 可选的元素名称，如果指定了，则仅序列化符合 schema 的样式。

返回值

• String - 样式对象的字符串表示。例如：border: 1px solid red