如何在font.css中添加字体以便在CKEDITOR中使用字体
How to add font in font.css for using fonts in CKEDITOR
我想在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;
我也遇到了同样的问题。您可以在服务器端创建一个css文件,并在该文件中编写css。之后,将此文件路径传递给CKEDITOR.config.contentsCss = "Path/of/file"
相关文章:
- CKEditor Widget-阻止编辑可编辑元素本身
- 内部分区字体大小获胜'调整浏览器窗口大小时不会随媒体查询而更改
- Ckeditor-plugin:插入虚假元素add不情愿<p>标签前后
- 用Javascript更改我网站上的字体大小
- CKEditor-我在editor.css中的风格是't
- CKeditor:更改对话框中的默认选择选项
- 删除CKEditor工具栏按钮,但不删除功能
- 不同字体的字母间距不同
- CKEditor在字体大小更改事件上
- CKEditor字体大小下拉列表有时不会出现
- 在 CKEditor 中设置字体大小和字体系列
- 如何在CKEditor上设置默认字体大小
- 如何使用jQuery将TypeKit字体加载到CKEditor实例中
- CKEditor 4 -如何设置默认字体
- 如何在font.css中添加字体以便在CKEDITOR中使用字体
- 名称中有空格的字体在CKEditor中没有正确应用
- 添加不同权重的谷歌字体到ckeditor
- CKEditor外部字体加载在字体下拉列表中
- 如何在CKEditor中设置默认字体Verdana
- 我如何添加(编程)谷歌字体到ckeditor