Question

您好我需要将Kruti Dev 010字体添加到我的CKEditor中。我已下载字体并将其字体添加到我的ckeditor的content.css文件中。在ckeditor.config.js文件中，我添加了这一行：

 config.font_names = 'Kruti Dev 010/"Kruti_Dev_010";' + config.font_names;

它工作正常（我可以添加印地文字体）。但问题出现的时候我将这个文本复制到word文件然后英文字体出现而不是Krutidev字体，因为word需要字体系列如：

<span style="font-family:&quot;Kruti Dev 010&quot;">

我的字体系列是“kruti_dev_010”。

所以我尝试将ckeditor.config.js中的字体名称更改为：

config.font_names = 'Kruti Dev 010/"Kruti Dev 010";' + config.font_names;

但它不起作用，我认为字体名称中带有空格的数字字符会导致问题。 DevLys 010字体也会出现同样的问题。

非常感谢任何帮助。

由于

Answer 1

您可以在CkEditor实例外部添加另一个div和按钮。当您单击该按钮时，它将获取编辑器内容，将“Kruti_Dev_010”替换为“Kruti Dev 010”并将更新的内容放入div中。然后将div的内容复制到doc。中。

$("#button").click(function() {
    var editorContent = CKEDITOR.instances['TextAreaID'].getData();
    editorContent.replace('Kruti_Dev_010', 'Kruti Dev 010');
    $('#divForWord').html(editorContent);
});

如果您希望HTML标记显示在div中而不是呈现，请使用.text而不是.html，如下所示：

$('#divForWord').text(editorContent);

Answer 2

您可以在CkEditor实例外部添加另一个div和按钮。当您单击该按钮时，它将获取编辑器内容，将“Kruti_Dev_010”替换为“Kruti Dev 010”并将更新的内容放入div中。然后将div的内容复制到doc。中。


    $("#button").click(function() {
    var editorContent = CKEDITOR.instances['TextAreaID'].getData();
    editorContent.replace('Kruti_Dev_010', 'Kruti Dev 010');
    $('#divForWord').html(editorContent);
});

如何在ckeditor中添加Kruti Dev 010字体？

2 个答案: