You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

TinyMCE Cloud是否支持允许用户添加自定义CSS样式?

TinyMCE 添加自定义样式的可行方案

一、链接外部CSS文件

可以通过TinyMCE的content_css配置项直接引入外部样式文件,支持单个路径或多文件数组:

tinymce.init({
  selector: 'textarea',
  // 单个外部CSS文件
  content_css: '/assets/css/custom-editor-styles.css',
  // 多文件写法
  // content_css: ['/assets/css/base.css', '/assets/css/custom.css']
});

如果需要在编辑器初始化后动态添加外部CSS,可通过以下代码实现:

// 向当前编辑器添加新的外部样式文件
tinymce.activeEditor.contentCSS.push('/assets/css/new-style.css');
// 刷新编辑器应用新样式
tinymce.activeEditor.reload();

二、添加内联

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.21 18:52:40