Inconsistency when pasting drawing objects from Word in Chrome/Firefox vs IE

2 posts, 0 answers
  1. Nora
    Nora avatar
    2 posts
    Member since:
    Sep 2017

    Posted 28 Nov 2017 Link to this post

    Bit of a weird issue here. It happens when pasting any drawing object that contains text from Word into the editor.

    In IE, the drawing object is converted to a base 64 string. In Chrome and Firefox, the image src is a temporary file location found in the user's AppData (file:///C:\Users\USERNAME~1\AppData\Local\Temp\msohtmlclip1\01\clip_image001.png for example).

    This is not an issue if you copy & paste an image or a simple shape or group of shapes from Word in any browser - all are consistently converted to a base 64 string. It only happens if you copy & paste a drawing object that contains text.

    See Single Shape.docx. Copy and pasting the content into the Editor in any browser, all convert as expected.

    See also Shape With Text.docx. Copy and paste converts to base 64 in IE as expected, although it looks little strange due to loss of font styles. Paste its content into Chrome or Firefox, though, and it will not convert. Instead, it is a reference to a temporary local file.

    Is there any workaround to convert these objects consistently in Chrome and IE?

  2. Rumen
    Admin
    Rumen avatar
    13302 posts

    Posted 01 Dec 2017 Link to this post

    Hi Nora,

    You are facing one of the problems of the modern browsers: no all of them offer fluent integration with MS Word and Office. Nowadays it is possible to paste standalone images from Word in most of the modern browsers, but the support for pasting shapes with text is however not offered by all browsers.

    The content area of RadEditor is an editable iframe and the pasting is controlled by the browser. You can perform an experiment with an editable div or iframe and you will experience the same problem - http://dojo.telerik.com/EBokaP


    Best regards,
    Rumen
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top