Chrome Packaged App with KendoEditor sandboxing

[Nathan]

I followed the instructions to successfully create a Chrome Packaged App at: http://www.telerik.com/kendo-ui/chrome-packaged-app

I'd like to add the KendoEditor to the test project in the instructions.  The instructions have us create a main.html that is located outside the sandbox with a full screen iframe pointed to an index.html that is located inside the sandbox.  The Kendo UI uses a templating system that requires it is located in the sandbox.  It appears the KendoEditor uses an iframe and that causes the error pasted below when I add it to index.html.  How do I add a KendoEditor to a Chrome Packaged App?  Thanks.

Sandbox access violation: Blocked a frame at "chrome-extension://cfciefpodjoeapkegnopjnblkgaolpka" from accessing a frame at "null".  Both frames are sandboxed and lack the "allow-same-origin" flag. kendo.upload.js:490
s.extend._createContentElement kendo.upload.js:490
s.extend._initializeContentElement kendo.upload.js:594
s.extend.init kendo.upload.js:420
ut.initWidget kendo.columnmenu.js:519
(anonymous function) kendo.grid.js:402
b.extend.each jquery-1.9.1.js:7123
b.fn.b.each jquery-1.9.1.js:6735
ut.init kendo.grid.js:402
pt.init kendo.grid.js:3956
u.extend._model (index):1
u.extend.init (index):1
ut.initWidget kendo.columnmenu.js:519
D.extend._createView (index):1
D.extend.showView (index):1
historyCallback (index):1
i._historyNavigate (index):1
o.extend.navigate (index):1
(anonymous function) (index):1
b.extend.each jquery-1.9.1.js:7123
o.extend.showStart (index):1
u.extend.switchWith (index):1
D.extend._show (index):1
o (index):1
D.extend.showView (index):1
historyCallback (index):1
(anonymous function) (index):1
n.extend.trigger kendo.colorpicker.js:763
o.extend._urlChanged kendo.grid.js:1101
o.extend.start kendo.grid.js:1067
l.Observable.extend._startHistory (index):1
(anonymous function) (index):1
c jquery-1.9.1.js:7341
p.fireWith jquery-1.9.1.js:7403
b.extend.ready jquery-1.9.1.js:6875
H

[Alex Gyoshev]

Hello Nathan,

It appears that the editor iframe is being blocked from being created. As a work-around, you can try using the inline editor in the Chrome App.

Regards,
Alex Gyoshev
Telerik

 

 

[Nathan]

The inline editor works with the Chrome Packaged App.  Thank you!

One difference with the inline editor is the toolbar is moveable and it is not locked to the top of the editor.  Is it possible to give the inline editor's toolbar a look that is closer to the standard editor?

Thanks again.