首页 新闻 会员 周边 捐助

Angular 中如何在 Component 中动态加载 css 文件

0
悬赏园豆:30 [已解决问题] 浏览: 18次 解决于 2025-02-01 09:36

园子博客后台加载 tinymce 5 编辑器时需要用到,动态加载 tinymce 5 的 skin css

dudu的主页 dudu | 高人七级 | 园豆:27977
提问于:2025-02-01 08:34
< > 人人可用的开源BI工具
分享
最佳答案
0

在 Component 中注入 Renderer2,通过 Renderer2 创建 link element

export class Tinymce5Component {
    constructor(
        private _renderer: Renderer2
    ) { }

    async loadTinymce(): Promise<[tinymce: TinyMCE, contentStyle: string]> {
        const link = this._renderer.createElement('link');
        this._renderer.setAttribute(link, 'rel', 'stylesheet');
        this._renderer.setAttribute(link, 'type', 'text/css');
        this._renderer.setAttribute(link, 'href', '/assets/tinymce5.skin.min.css');
        this._renderer.appendChild(document.head, link);
        //...
    }
}
dudu | 高人七级 |园豆:27977 | 2025-02-01 09:35
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册
Top