embedded images in imported docx document are not showing up in DocumentEditor component

Question

I am trying to open an existing document in the Document Editor component. The document has embedded images, which show correctly opening the document in Word. When I open the document in the DocumentEditor component then the images do not show, I am getting a red X placeholder.

Thomas Mittag · Answer

after reviewing the document more closely, it turns out that the image format of the embedded image is .WMF. I did see a request in 2019 on the feedback site to enable preserving EMF, WMF, and TIFF images.

https://www.syncfusion.com/feedback/6127/preserve-vector-images-emf-wmf-tiff-using-asp-net-core-server-side

Has this feature been implement, or if not, is there any plan to support these image formats in the Document Editor in the near future?

Suriya Murugan · Answer

Hi Thomas, 

Can you please share the document which you have used at your end? that will be helpful for us to proceed further and provide you the solution at the earliest. 

Note: Also, for your information, Meta file image support in MVC. Please try in ASP.NET MVC back end and let us know still facing issue. 
https://github.com/SyncfusionExamples/EJ2-Document-Editor-Web-Services/tree/master/ASP.NET%20MVC 

Regards, 
Suriya M.

Thomas Mittag · Answer

Suriya,thanks for your response. I believe the issue is not on the backend, but rather with the frontend document editor component being able to display the images on the document. currently I am using a .net core Web API to transform the document from rtf to your SFDT format as described in your API documentation for backend APIs and send the document to the client editor via JSON. I have looked at the generated document class on the backend, and from what I can see, the image data indicates a jpeg image:data:image/jpeg;base64,AQAJAAADRQ4AAAAAKg4AAAAABQAAAAcBAwAAAAUAAAALAgAAAAAFAAAADAJNAE0AKg4AAEMPIADMAAAATQBNAAAAAABNAE0AAAAAACgAAABNAAAATQAAAAEACAAAAAAAEBgAAMQOAADEDgAAAAAAAAAAAAAAAAAAAACAAACAAAAAgIAAgAAAAIAAgACAgAAAwMDAAMDcwADwyqYAACBAAAAgYAAAIIAAACCgAAAgwAAAIOAAAEAAAABAIAAAQEAAAEBgAABAgAAAQKAAAEDAAABA4AAAYAAAAGAgAABgQAAAYGAAAGCAAABgoAAAYMAAAGDgAACAAAAAgCAAAIBAAACAYAAAgIAAAICgAACAwAAAgOAAAKAAAACgIAAAoEAAAKBgAACggAAAoKAAAKDAAACg4AAAwAAAAMAgAADAQAAAwGAAAMCAAADAoAAAwMAAAMDgAADgAAAA4CAAAOBAAADgYAAA4IAAAOCgAADgwAAA4OAAQAAAAEAAIABAAEAAQABgAEAAgABAAKAAQADAAEAA4ABAIAAAQCAgAEAgQABAIGAAQCCAAEAgoABAIMAAQCDgAEBAAABAQCAAQEBAAEBAYABAQIAAQECgAEBAwABAQOAAQGAAAEBgIABAYEAAQGBgAEBggABAYKAAQGDAAEBg4ABAgAAAQIAgAECAQABAgGAAQICAAECAoABAgMAAQIDgAECgAABAoCAAQKBAAECgYABAoIAAQKCgAECgwABAoOAAQMAAAEDAIABAwEAAQMBgAEDAgABAwKAAQMDAAEDA4ABA4AAAQOAgAEDgQABA4GAAQOCAAEDgoABA4MAAQODgAIAAAACAACAAgABAAIAAYACAAIAAgACgAIAAwACAAOAAgCAAAIAgIACAIEAAgCBgAIAggACAIKAAgCDAAIAg4ACAQAAAgEAgAIBAQACAQGAAgECAAIBAoACAQMAAgEDgAIBgAACAYCAAgGBAAIBgYACAYIAAgGCgAIBgwACAYOAAgIAAAICAIACAgEAAgIBgAICAgACAgKAAgIDAAICA4ACAoAAAgKAgAICgQACAoGAAgKCAAICgoACAoMAAgKDgAIDAAACAwCAAgMBAAIDAYACAwIAAgMCgAIDAwACAwOAAgOAAAIDgIACA4EAAgOBgAIDggACA4KAAgODAAIDg4ADAAAAAwAAgAMAAQADAAGAAwACAAMAAoADAAMAAwADgAMAgAADAICAAwCBAAMAgYADAIIAAwCCgAMAgwADAIOAAwEAAAMBAIADAQEAAwEBgAMBAgADAQKAAwEDAAMBA4ADAYAAAwGAgAMBgQADAYGAAwGCAAMBgoADAYMAAwGDgAMCAAADAgCAAwIBAAMCAYADAgIAAwICgAMCAwADAgOAAwKAAAMCgIADAoEAAwKBgAMCggADAoKAAwKDAAMCg4ADAwAAAwMAgAMDAQADAwGAAwMCAAMDAoADw+/8ApKCgAICAgAAAAP8AAP8AAAD//wD/AAAA/wD/AP//AAD///8A////////////////////////////////////////////////9vZV9vb2//////////////////////////////////////////////8AAAD///////////////////////////////////////////////b2VlZW9vb2/////////////////////////////////////////////wAAAP/////////////////////////////////////////////29lVWD05W9vb/////////////////////////////////////////////AAAA//////////////////////////////////////////////ZWVldPT1ZW9vb///////////////////////////////////////////8AAAD////////////////////////////////////////////2VRYXDw9PD1ZV9v//9v///////////////////////////////////////wAAAP/////////////////////////////////////////29lYODxcPT09PDlZW9vb2////////////////////////////////////////AAAA////////////////////////////////////9v//9vZWFlcPFlZWVlZXD1ZV9vb2//////////////////////////////////////8AAAD///////////////////////////////////b/9vb2VlYPDxdW9vb2VlYOD1ZW9vb//////////////////////////////////////wAAAP////////////////////////////////////b29lZODxcOVvb29vb2VlYPV1ZW9vb2////////////////////////////////////AAAA///////////////////////////////////29vZWVlcPFlb29vb/9vb2Vk8PV05W9vb2//////////////////////////////////8AAAD///////////////////////////////////b2VlYPDxZW9v////////b2VlYPV05W9vb29v///////////////////////////////wAAAP/////////////////////////////////29lZWDxcWVfb////////29vb2VlZXDlZW9vb2////////////////////////////////AAAA////////////////////////////////9vZWVk8PFlX29v////////////b2VhYWT1ZW9vb29v////////////////////////////8AAAD///////////////////////////////b2Vk5XD1ZW9vb///////////////b2VVZXD1ZW9vb2/////////////////////////////wAAAP/////////////////////////2///29lYOFw9WVvb2////////////////9vb2VlZXD1ZV9vb2////////////////////////////AAAA////////////////////////9v//9vZWVg9XDlX29vb///////////////b29vb2VlcOT1dW9vb///////////////////////////8AAAD///////////////////////////b2Vk5XD1ZW9vb29v////////////////b29vb2VlZPT1ZV9vb//////////////////////////wAAAP//////////////////////////9lZWVw8WVfb29vb///////////////////b29vb2VlZPV1ZW9vb2////////////////////////AAAA////////////////////////9vZWV08PVlb29v/////////////////////////29vb2VlYPV1ZV9vb29v////////////////////8AAAD///////////////////////b2VlYPD1ZV9vb////2///////////////////2////9vb2VlZXDxZW9vb//////////////////////wAAAP/////////////////////29lZWTw9XVvb2///////////////////2//////////////b2VhYXDxZV9vb/////////////////////AAAA////////////////////9vZWVlcPFlX29v/////////////2//b29v////////////////b2VlcXD1ZW9vb2//////////////////8AAAD///////////////b///b2Vg5XDxZW9vb2////////////9v/2SQpJSfb////////2///////2VlZXD1ZV9vb2/////////////////wAAAP/////////////2//b29lZOD1dWVfb29v//////////////SUkASQpJSf////////b2//////b2VlcPT1dW9vb2////////////////AAAA///////////////29vZWTlcPVlb29v////////////////ZJSQpJCkkASf/////29vb///////b2VlZPT1ZV9vb2//////////////8AAAD/////////////9vb2VlZXD1ZV9vb/////////////////SQAKCgBJAElJ9v////////////////b2VlZPV1ZW9vb2/////////////wAAAP/////////////29lZWDw9WVvb29v////////////////ZJSUlJSQpJSUn/////9v//9v////////b2VlZOV1ZW9vb29v//////////AAAA////////////9vZWVg8XFlX29vb2//b/////////////9klJAABJAABJSfb///////////b2////9vb2VlZXD1ZW9vb2//////////8AAAD///////////b2VlZPDxZW9vb29v//////////////////SQpJSQBJSUlJ///////////29vb/////9vb2VlZXT1ZW9vb29v///////wAAAP/////2///29lZWV09OVfb2///////////////////////2SQoKCklJSfb///b////////////////29vb2VVZWDk5W9vb2////////AAAA////9v/29vZWFk9PTlb29v/////////////////////////2SUlJSUn/9v////b////////////////29vb2VVYXT1ZV9vb2//////8AAAD///////b2VlYPV05V9vb2//////////////////////b/////9vb29v////b///////////////////b29vb2VlYOT1ZW9v///////wAAAP/////29lUWVw9OVvb2//b////////////////////////////2//b/9v////////////////////////b29vb2VlZXT1ZV9vb////2AAAA////9vZWVlcPFlX29v/////////////////////////2////9vZJSf/////////////////////////2//b29vb2VlYPV1ZW9vb2//8AAAD///b2VldPD1dW9vb2////////////////////////////9v//CklJSfb/9v//////////////////9v////////b2VlYPV1ZV9vb/9gAAAP/29lZWD09PVvb2//b/9v/////////////////////////2SQpJSQAKSfb////////////////////////2//////b2VhZXD1ZW9vb/AAAA9vZVVhcPV1b2///////////////////////////////////2SUkKSUlJ9v/////////////////2//////////////b2VhYXD1dW9vYAAAD2VlYXD1dV9vb/////////////////////////////////9klJAEkACkn29v//////////////////////////9v////b2VlYPF1ZW9gAAAFZWVw8XVvb2///2////////////////////////////////AAAKAAAKSf////////////////////////////////b///b2Vg9PDlb2AAAA9lVOVw8OVvb2//////////////////////////////////ZJSUkASUlJ9v////////////////////////////////b29lYXTw9W9vYAAAD29lZWDldWVvb29v///////////////////////////////0kAAABJCkn2///////////////////////////////29vZVVg9PV1X2/wAAAPb29lVWTw9OVfb2///////////////////////////////2SQoKSQoKCkn2//////////////////////////////b2VlcOVlZW9v//AAAA///29lZWT1dWVvb2///2//////////////////////////9JCgAKAABJSfb////2////////////////////////9lUXDw5WVvb2//8AAAD////29lVWDw9OVvb2////////////////////////////9gpJSQBJSUlJ9v//////////////////////////9vZWVxcOVlX2///2/wAAAP/////29lZXD09WVvb2//////////////////////////ZJSQoKSQoKAEn2//////////////////////////b2VQ8PDxZW9v//////AAAA///////29lZWDw8WVvb29v///////////////////////0lJCgpJCgpJSf//////////////////////9vb29lUWD09WVvb2//////8AAAD///////b29lZOFw9WVfb29v/2//////////////////b2SQAKSQAKCgBJ9v/////////////////2//b29vZVFhcPVlb29v///////wAAAP////////b29lVWTw5WVvb2//////////////////////ZJSQBJCgpJSQBJ////////////////////9vb2VlYPD1ZW9vb/////////AAAA//b///b///b29lZWV05WVvb29vb/9v/2/////////////0lJCgBJSQoASUn////////////////////29lVWD1dWVvb29v////////8AAAD///////////b29lVWVw9WVfb29vb///////////////b2SQBJSQoASQpJSfb/////////////////9vZWVg9PTlb29vb//////////wAAAP/////////2//b29lZWDxdWVvb29v/2/////////////0lJCgoASUlJSQBJ9v//////////////9vb2VU5XD05W9vb2//b/////////AAAA//////////////b29lVOVw9WVvb2///////////////2SQBJAElJAABJAEn///////////////b29lYWD1dOVvb2///2//////////8AAAD////////29v////b29lZWD1dWVvb2//////////////ZJSQBJCgpJCkkKSfb/9v//////////9vZVFhdXVlb29v///////////////wAAAP//////////9vb///b29lVWDw5WVvb2///////2/////0lJSQpJSQoKSQBJSfb///////////b2VlcPT1ZW9vb/////////////////AAAA//////////////////b29lZWVxdWVvb2///2///2////SUlJAAAASQoKCklJ9v////b////29lVWDw9WVvb2//////////////////8AAAD///////////////////b29lVWFw5XVvb2////9v////9JSUkKSQoASQBJSfb/////////9vZWVg9PV1b29v///////////////////wAAAPb///////////////b///b29lZWFw9WVvb29vb///////ZJCgoASUkKSQBJ//b////29vb2VRYPV1ZW9v//////////////////////AAAA///////////////////////29lVWVw9WVfb29vb/////9v9JSUlJSUlJSfb/////9vb29lZWD1dOVvb2//////////////////////8AAAD////////////////////////29lZWVldWVvb29v/2////////9v/29vb2//////b29vZVDldPVlb29v//9v///////////////////wAAAP////////////////b////////29lVWVw9WVvb2////////9v//9v//////9v////b2VlYPD05W9vb///b/////////////////////AAAA//////////////b////////////29lZWD1dWVvb29v////////////////b////29lZWT09OVvb2//////////////////////////8AAAD////////////////////////////29lVWDw9WVvb2//////b2//////////b/9vZVFg9PVlb29v///////////////////////////wAAAP////////////////////////////b29lZOFw9WVfb2///29v/2////9v////b2VRYXD1ZW9vb/////////////////////////////AAAA//////////////////////////////b29lVWTw5WVvb2///////////////29lZWDw9WVvb2//////////////////////////////8AAAD///////////////////////b///b///b29lZWV05WVfb29v/////2//b/9vZWVg9XVlb29vb//////////////////////////////wAAAP////////////////////////////////b29lVWVw8WVfb///////b29vb2VlYPV05W9vb2////////////////////////////////AAAA///////////////////////////////2//b29lZWDxdWVvb2///29vb29lYOVxdWVvb29v/2//////////////////////////////8AAAD///////////////////////////////////b29lVOVxZWVvb2////9vZWDg8XDlb29v//9v///////////////////////////////wAAAP/////////////////////////////29v////b29lZWDxdWVvb29vb2VQ4PFxZW9vb/////////////////////////////////////AAAA////////////////////////////////9vb///b29lYWDw9XVlb29lZXDxcWVvb2//////////////////////////////////////8AAAD///////////////////////////////////////b29lYWDw8PV1ZWT08OVlb29v///////////////////////////////////////wAAAP////////////////////////////////////////b29lYWD1cPVlcPD1ZW9vb/////////////////////////////////////////AAAA//////////////////////////////////////b///b29lVWDw8PDldWVvb///////////////////////////////////////////8AAAD////////////////////////////////////////////29lVWDw8XDlb29v///////////////////////////////////////////wAAAP/////////////////////////////////////////////29lVWFlZW9vb/////////////////////////////////////////////AAAA//////////////////////////////////////b/////////9vZWVvb2//////////////////////////////////////////////8AAAD///////////////////////////b2//////b////////////29lX29v//////9vb//////////////////////////////////////wAAAAMAAAAAAA==which should be supported by the document editor.

Suriya Murugan · Answer

Hi Thomas,In backend itself, if document contains unsupported image
and we will convert it into image not found format image.Please check below sample in which we have used the image
string which you shared:https://stackblitz.com/edit/rgpyjpoutput:For better understanding, please run the ASP.NET MVC back
end web service and get it from below link:https://github.com/SyncfusionExamples/EJ2-Document-Editor-Web-Services/tree/master/ASP.NET%20MVCThen open the RTF document which you tried, you can see the
difference.Please let us know if you need any further assistance.Regards,Suriya M.

Thomas Mittag · Answer

I understand now, the image I can see in the document is the missing image symbol.

Unfortunately, using the ASP.NET MVC api is not an option for me, our code base is .net core. Why is this image format supported in the MVC version of the api, but not in the .net core version?

Regards,

Thomas M.

Thanveer Ahamed Abdul Waheed · Answer

Hi Thomas,Sorry for inconvenience caused.We have already logged the feature request for preserve wmf
image in asp.net core. We will include in any of our upcoming
release.    You can track the status of feature through below feedback
link:    https://www.syncfusion.com/feedback/6127/preserve-vector-images-emf-wmf-tiff-using-asp-net-core-server-sideWe will update the status of the feedback link once it is
taken for implementation. We will update you once feature implementedRegards,Thanveer Ahamed A.