8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

更改 ckEditor 的背景颜色

samwu 1月前

36 0

我需要使用 ckEditor 在加载时动态更改背景颜色,该页面是一个动态加载页面,用户具有特定的背景颜色。我无法加载它具有的 css ...

我需要使用 ckEditor 在加载时动态更改背景颜色,该页面是一个动态加载页面,用户具有特定的背景颜色。我无法加载 css,它只能是编辑器主体的背景颜色

所以我尝试了

window.onload=function(){
    CKEDITOR.instances.editor_data.addCss( 'body { background-color: #efefef; }' );
}

我没有收到错误,但也没有收到任何更改

我也试过了

CKEDITOR.instances.editor_data.addCss( '#cke_editor_data { background-color: #efefef; }' );
帖子版权声明 1、本帖标题:更改 ckEditor 的背景颜色
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由samwu在本站《jquery》版块原创发布, 转载请注明出处!
最新回复 (0)
  • @AlfonsosML 的第二个答案非常适合定位编辑器的 body 元素。但是我需要定位编辑器中的 a 标签,发现他的第一个答案破坏了它。然后我尝试了 @Doin 在评论中提供的解决方案:editor.document.addCssText(),但也失败了。@Doin 已经好心地将评论中的代码更正了, editor.document.appendStyleText() 但它被隐藏在上面。我给他的更正投了“有用”一票,希望其他人能更快地看到它。这对我有用。我的工作代码混合了两个:

    CKEDITOR.on('instanceReady', function(e) {
        // First time
        e.editor.document.getBody().setStyle('background-color', 'rgba(0,0,0,0.59)');
        e.editor.document.getBody().setStyle('color', 'white');
        e.editor.document.getBody().setStyle('text-align', 'center');
        e.editor.document.appendStyleText( 'a { color: white; }' );
        // in case the user switches to source and back
        e.editor.on('contentDom', function() {
            e.editor.document.getBody().setStyle('background-color', 'rgba(0,0,0,0.59)');
            e.editor.document.getBody().setStyle('color', 'white');   
            e.editor.document.getBody().setStyle('text-align', 'center');
            e.editor.document.appendStyleText( 'a { color: white; }' );
        });
    }); 
    

    谢谢

返回
作者最近主题: