如何在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"