内容 CSS

文件结构

本节展示了每种 TinyMCE 内容 CSS 所需的文件。显示的文件路径相对于 TinyMCE 根包目录（即存储 tinymce.min.js 的位置）。例如：

./
├── icons/
├── langs/
├── license.txt
├── models/
├── plugins/
├── readme.txt
├── skins/
├── themes/
├── tinymce.d.ts
├── tinymce.js
├── tinymce.min.js
└── version.txt

下表展示了用于打包以下内容 CSS 文件的语法示例：

./skins/content/example/content.css

在包中包含示例内容 CSS 的语法示例：

import contentCSS from 'tinymce/skins/content/example/content.css';

import contentCSS from '../tinymce/skins/content/example/content.css';

import 'tinymce/skins/content/example/content.js';

import '../tinymce/skins/content/example/content.js';

const contentCSS = require('tinymce/skins/content/example/content.css');

const contentCSS = require('../tinymce/skins/content/example/content.css');

各打包工具对内容 CSS 文件（如 content.css 或 content.min.css）的处理方式不同。请查看 使用模块加载器打包 TinyMCE 中的相关指南以获取所需语法。

开源

./skins/content/default/content.css

./skins/content/dark/content.css

./skins/content/document/content.css

./skins/content/writer/content.css

高级版

有关高级内容 CSS 的信息，请参阅：增强型皮肤和图标包。

./skins/content/fabric/content.css

./skins/content/fluent/content.css

./skins/content/material-classic/content.css

./skins/content/material-outline/content.css