Размер текстовых шрифтов CKEditor изменяется при копировании текста из внешнего вида [ТОЛЬКО для IE 11]

Question

У меня странная проблема, когда шрифты текста изменяются при копировании текста из outlook (desktop) в CKEditor.

Все шрифты становятся больше, чем в исходном тексте.

Эта проблема возникает только в IE 11 , а в Chrome она прекрасно сохраняет шрифты.Я пробовал несколько событий, чтобы поймать текст и выполнить какое-то форматирование, но это портит шрифты в Chrome.

Любое решение / предложение приветствуется.

Answer 1

Контент из MS Office обычно дополнительно фильтруется с помощью плагина Paste From Word .По своему дизайну этот плагин должен работать только для Word ( больше информации здесь ), но иногда, когда браузер имеет лучшую поддержку API буфера обмена, он может работать для других продуктов MS Office (например, Outlook).Я подозреваю, что в этом случае в Chrome данные фильтруются с помощью упомянутого плагина и не фильтруются в IE11.Это может быть причиной различного содержимого в редакторе для обоих случаев.

Чтобы перехватить вставленные данные и изменить их перед вставкой в ​​содержимое редактора, вам следует использовать paste event .Пример того, как его использовать, вы можете найти ниже или по ссылке: https://codepen.io/msamsel/pen/mqJPde?editors=1011

Вы можете изменить вставленные данные в соответствии со своими потребностями.На самом деле Paste from Word - это один большой фильтр, который обнаруживает данные, вставленные из MS Word и применяя фильтр, или изменяет лишние объекты.

var editor = CKEDITOR.replace( 'editor' );

editor.on( 'paste', function( evt ) {
  console.log( evt.data.dataValue ); // There is no additional paragraph yet.
  evt.data.dataValue = '<p>Additional Paragraph</p>' + evt.data.dataValue; // Modify data pasted to editor.
} )