CKEditor Iframe

CKEditor Iframe

  
Hi Every1,

i am not able to embed a Website inside the Ckeditor using IFrame that i downloaded form the forge. I am able to save it but it does not display. Can any1 help? i kinda of need it soon.

why is the source showing as src="https://hiteshvasnani.outsystemscloud.com/CKEditor/ckeditor/plugins/fakeobjects/images/spacer.gif?t=DBAA" and not my link that i had pasted ?


thanks
Hi Hitesh,

From you question it's hard to give a correct answer.
My first guess is that you didn't change the property "Escape Content" for the expression that is holding the ckeditor code.

If this first guess is not correct, could you share the eSpace with the problem? This way we can check where you missed a step.

Kind regards,

Remco
Hello Remco,

i did set the property "Escape Content" for the expression
im uploading the .OAP file

thanks, Hitesh
Hi Hitesh,
I just published your application in my environment (Public Cloud) and it is working correctly.
https://dekkinga.outsystemscloud.com/TestApp4XY/RecordDetail.aspx?RecordId=0

Tested the application is Microsoft Edge, Google Chrome and Mozilla FireFox.

Kind regards,

Remco
HI Remco,

Could u try to View Content on the Embeded title and see if u can see the embeded Web Page

https://hiteshvasnani.outsystemscloud.com/TestApp4XY/Records.aspx?(Not.Licensed.For.Production)=


if i were to give and expression with static link u can see it however when i tried to create it via the CKEditor i cant.


Thanks & Regards, 
Hitesh
Hi Hitesh,

When storing the iFrame directly like the way you did, it will store the replacement image that is generated in CKEditor that prevents the loading of pages inside the CKEditor. See the following forum post for details: http://stackoverflow.com/questions/30216668/ckeditor-4-inline-editing-with-iframe-code-is-not-being-written-properly

I fixed the problem by first clicking the save button inside CKEditor, which breaks the CKEditor and shows a normal textarea with your details in a broken page (no more text on your buttons for instance), when clicking the page save button (Red button) the code is saved correctly and the Embed page is showing the iframe correctly.

To overcome this problem correctly you can see if you are able to add an Outsystems function to the CKEditor  that wraps around the editor.getData() function and use that one instead of the HTML created by the CKEditor.

Kind regards,

Remco

Hi Remco,

yes it works now thanks for the advice for now ill probe advise the user use the Save button and then click on save again.

thanks & reagrds,
Hitesh