javascript - 如何在 font.css 中添加字体以便在 CKEDITOR 中使用字体

Question

我想在ckeditor中动态添加字体。为此，我正在使用 config.contentsCss=""。它静态执行。我不知道如何在外部文件中添加 css，或者还有另一种方法将 @font-face 添加到 ckeditor。 我的代码是这样的:

var fontStyle = '';
        $.ajax({
            url : "/chrysofin/fonts/getFonts",
            success : function(response) {

                $.each(response, function(index, item ) {
                    var fontName = item.name;
                    var eotFile = item.eotPath;
                    var ttfFile = item.ttfPath;

                    fontStyle +=  "@font-face {\n" +
                                        "\tfont-family: \ "+ fontName+"\;\n" + 
                                        "\tsrc:  url('../invitations/fonts/"+ eotFile +"');\n" + 
                                        "\tsrc:  url('../invitations/fonts/"+ ttfFile +"') format('truetype');\n" + 
                                    "}\n" ;

                });
                alert(fontStyle);
                /*CKEDITOR.config.customConfig = function(config) {
                    config.contentsCss = fontStyle;
                };*/
//              CKEDITOR.addCss(fontStyle);

                $.each(response, function(index, item ) {
                    var fontName = item.name;
                    CKEDITOR.config.font_names = fontName +'/'+fontName + ';' + CKEDITOR.config.font_names;
                });
            },
            error : function() {
                displayError("Error while getting fonts.");
            },
        });
//  CKEDITOR.config.contentsCss ='../assets/invitations/fonts/fonts.css';

    CKEDITOR.config.font_names = 'Windsong/windsong;' + CKEDITOR.config.font_names;

Answer 1

我也遇到了同样的问题。您可以在服务器端创建一个 css 文件并将您的 css 写入该文件中。之后将此文件路径传递给 CKEDITOR.config.contentsCss = "Path/of/file"