21

CKEditor フォント コンボ ボックスにフォントを追加したいと思います。これ自体は簡単です。ただし、追加したいフォントは、@font-face CSS3 属性で使用するカスタム フォントです。なんとかできましたが、エディター自体にカスタムフォントが表示されません。CKEditor によって作成された html を取得してページの div に表示すると、カスタム フォントがうまく表示されます。また、@font-face 属性を CKEditor のテキスト領域に何らかの方法で追加して、ユーザーが入力時にカスタム フォントを表示できるようにしたいと考えています。

これは可能ですか？

4

1 に答える 1

42

次の行をckeditor/config.jsに追加します

config.contentsCss = 'fonts.css';
//the next line add the new font to the combobox in CKEditor
config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names;

ここで、fonts.cssには@font-face属性があります。

@font-face {  
    font-family: "yourfontname";  
    src: url( ../fonts/font.eot ); /* IE */  
    src: local("realfontname"), url("../fonts/font.TTF") format("truetype"); /*non-IE*/  
}
于 2009-09-09T17:35:45.707 に答える