皮肤配置 skin

4 篇文章 0 订阅

我们开发的是toB的产品,需要给不同的企业配置不同的皮肤,又不能每个企业一套代码,这样维护开发都是超级累人,可采用如下方法

var PAGELIST = {
    page: {
        logoUrl: "logo.png",
        logoUrl2: "logo2.png",
        leftImgUrl: "login-bg-pic.png",
        cssUrl: "style.css",
    }
}
var CURURLHOST = window.location.host 
$(window).ready(function () {
    !function () {
        if (CURURLHOST == '--') {            
            var link = document.createElement('link')
            $(link).attr('rel', 'stylesheet')
            $(link).attr('type', 'text/css')
            $(link).attr('href', PAGELIST.page.cssUrl);
            document.getElementsByTagName('head')[0].appendChild(link)
            $('#loginLogo').attr('src', PAGELIST.page.logoUrl);
            $('#loginLeftImg').attr('src', PAGELIST.page.leftImgUrl);
            $('#menuLogo').attr('src', PAGELIST.page.logoUrl2);

        }
    }()
})

 

TinyMCE 是一个流行的网页富文本编辑器,它通过 JavaScript 创建一个类似桌面 Word 的编辑界面。为了使 TinyMCE 正常工作,并且拥有漂亮的外观,通常需要对其进行一些配置,包括皮肤skin)的设置。 在配置 TinyMCE 时,你可以通过设置 `skin` 属性来指定编辑器使用的皮肤皮肤决定了编辑器的外观,比如按钮的样式、颜色等。TinyMCE 默认自带几种皮肤,比如 `oxide`、`lightgray` 等。 配置路径(skin)的示例如下: ```javascript tinymce.init({ selector: 'textarea', // 选择器,指向你想要初始化的文本区域 skin: 'oxide', // 使用内置的 oxide 皮肤 content_css: 'css/content.css', // 可选的,指定编辑器内容区域使用的CSS文件 // 其他配置... }); ``` 如果你想要使用自定义的皮肤,你需要将皮肤文件放在一个可以被 TinyMCE 访问到的路径,并在初始化的时候指定该路径。例如,如果你有一个名为 `my-skin` 的自定义皮肤,并且该皮肤的 CSS 文件位于 `path/to/my-skin/skin.min.css`: ```javascript tinymce.init({ selector: 'textarea', skin: { url: 'path/to/my-skin', // 指定皮肤的根目录路径 skin_url: 'skin.min.css', // 指定皮肤的具体 CSS 文件 }, // 其他配置... }); ``` 确保在配置 `skin` 时,URL 是正确的,这样 TinyMCE 才能正确加载皮肤文件。通常,这些文件需要与你的页面在同一域或者配置成可跨域访问,以避免跨域问题导致的文件加载失败。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值