Как добавить шрифт Kruti Dev 010 в ckeditor?

Question

Привет, мне нужно добавить Kruti Dev 010 шрифт моему CKEditor. Я загрузил шрифт и добавил его шрифт в свой файл content.css ckeditor. В ckeditor.config.js файл, я добавил эту строку:

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

и работает нормально (я могу добавить хинди шрифт). Но проблема возникает, когда я скопировать этот текст в файл слово, то английский шрифт появляется вместо Krutidev шрифта, потому что слово нужно шрифт семьи, как:

<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

Вы можете добавить еще один DIV и внешней кнопки к экземпляру CKEditor. Когда вы нажимаете кнопку, она берет содержимое редактора, заменяет «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

Вы можете добавить еще один DIV и внешней кнопки к CKEditor пример. Когда вы нажимаете кнопку, она берет содержимое редактора, заменяет «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); 
});