Question

我正在动态地向ckeditor添加字体。名称是添加到字体而不是CSS。获取CSS的功能：

function getcss(){
    var data;
    $.ajax({
        url : "/demoProject/fonts/fontStyle",
        async:false,
        success : function(response) {
            data = response;
//              CKEDITOR.config.contentsCss = response;
        },
        error : function(response) {
            displayError("Error while getting fonts.");
        },
    });
    console.log("return :" + data);
    return data;
}

添加字体名称和样式的功能：

    $.ajax({
            url : "/demoProject/fonts/getFonts",
            success : function(response) {
                CKEDITOR.config.contentsCss = getcss();
                $.each(response, function(index, item ) {
                    var font_Name = item.name;

                    CKEDITOR.config.font_names = font_Name +'/'+font_Name + ';' + CKEDITOR.config.font_names;
                });
    });

数据库中的CSS：

@font-face {
    font-family: 'windsong';
    src:  url('../fonts/Tue_Jul_28_09:31:29_IST_2015windsong-webfont.eot');
    src:  url('../fonts/Tue_Jul_28_09:31:29_IST_2015windsong-webfont.ttf') format('truetype');
 font-weight: normal; font-style: normal;}
@font-face {
    font-family: 'Decoration';
    src:  url('../fonts/Tue_Jul_28_13:23:32_IST_2015windsong-webfont.eot');
    src:  url('../fonts/Tue_Jul_28_13:23:32_IST_2015windsong-webfont.ttf') format('truetype');
 font-weight: normal; font-style: normal;
}

我尝试过可能的东西，但没有得到任何足智多谋的结果。提前谢谢。

Answer 1

我没有找到任何合适的解决方案。所以我做了另一种选择，而不是静态地向css添加字体我动态地创建了一个文件并在该文件中写入了font-face。创建css后，在CKEDITOR.config.contentsCss ='pathof/dynamic/genrated/file.css';

中给出了该文件的路径

如何在ckeditor

1 个答案: