I'm building a hybrid mobile app with the Ionic framework for android, ios, windows 8.1 and windows 10.
I was searching for a good rich text editor and came across CKEditor.
I've tested the editor on an Android and iOS device and it works perfectly.
When i try the editor on a windows device with Internet Explorer 11 or Edge, the editor is disabled (see screenshot below).
The console shows the following error on page initialization:
APPHOST9602: 'javascript:' is an invalid attribute value and will be
ignored. Don’t use 'javascript:' URIs in the local context.
The HTML code i use is :
<div id="ckeditor" ckeditor="options" ng-model="survey.Comments" ready="onReady()"></div>
And my controller:
angular.module('app.parts')
.controller('CommentsController', function ($scope, App, $ionicHistory, Survey) {
$scope.survey = Survey.getSurvey();
// Editor options.
$scope.options = {
language: 'nl',
allowedContent: true,
basicEntities: false,
resize_enabled: false,
startupFocus: true
};
// Called when the editor is completely ready.
$scope.onReady = function () {
// ...
};
});
I use the CKeditor library in combination with lemonade's ckeditor angularjs wrapper
According to the CKEditor specs, the editor should be working on IE 11 and Edge.
To be clear, the CKEditor is disabled on a Windows device (Surface Pro 3 with Windows 10 and laptop with Windows 8.1). When I test CKEditor in Internet Explorer 11 or Edge webbrowser on my laptop, it works fine.
I've also tested with CKEditor < 4.4.8 and using the following code snippet:
CKEDITOR.env.isCompatible = true;
Unfortunately, no success.
Anyone else had or has the same issue and knows how to fix it?
Thanks in advance
Related
In a Microsoft Teams app, I am using
await app.shareAppContentToStageAsync()
with a page that hosts Babylon JS - this exact page that should show a ball on a plane with a blue background.
https://doc.babylonjs.com/setup/starterHTML
This works fine on Teams on the web running on Microsoft Edge.
In the Teams Desktop client on Windows 11 Version 1.6.00.2573 (64-bit), all I see is the blue background.
Is there anything I need to do to in order to get this to work?
If you are talking about the playground frame, you may need to enable the playground origin in the tab manifest (see validDomains parameter) because the ball and the blue background thing is rendered from an origin that is different from the main page origin (https://playground.babylonjs.com/full.html#WJXQP0)
If you try to add the playground page directly as a tab (using the link above and the built-in "WebSite" app for example) it seems to work fine in the Desktop Client as well.
It turns out that the Windows Microsoft Teams desktop client has a bug in the WebGL2 component and I have to initialize the engine with a parameter disabling the WebGL2 Support:
const engine = new BABYLON.Engine(canvas, true, {
disableWebGL2Support: true});
I am currently using IE 10. In IE 10 "integrate with google button" for apps market place is displayed perfectly.
But when I turn on Compatibility View on IE 10 then that button is not getting displayed.
I just want to know the supported browsers for this button.
Thanks in advance.
Not sure how exactly to go about this one. I have a phonegap app that was initially created for ios/android and that we have now ported to wp8. I'm using Visual Studio express 2012 for Windows Phone. I have included an internet check in there that makes use of an Ajax call to determine whether there is an active Internet connection.
All is working fine on the emulator, I have also downloaded an update which includes 3 additional emulators, all is fine.
App has been approved but when it is downloaded to the actual device, the internet check fails even though Internet is working fine on the device.
I have wasted my time trying to connect my Nokia Lumia 620 device to my computer to test on so I am unable to recreate the issue. The Windows 8 machine/ emulator, actual device all use a Wi-Fi connection. Also I have included InAppBrowser which is working, but I have noticed content not loading in there either (cannot find server or DNS error).
This is driving me nuts any help would be greatly appreciated!.
var connectionTimer = setInterval(doesConnectionExist,3500); //internet check
var tryConnectTimer = setInterval(tryingToConnect,1000); //trying to connect message animation
function doesConnectionExist() {
$.ajax({
url: '',
type: 'GET',
dataType: "json",
success: function (data) {
clearInterval(connectionTimer);
clearInterval(tryConnectTimer);
init();
},
error: function (x, y, z) {
if (x.status == 0) {
document.getElementById("connection").style.display = "block"; //no internet
}
},
timeout: 3000
});
}
Update:
Turns out this has nothing to do with AJAX calls, we have another app that is also unable to connect to the Internet...app passed validation and works perfect on the emulator. Inapp browser works but content is also not loading/no Internet. The test device is a Nokia Lumia 620 not sure if it is the culprit, other Apps on the device and IE has Internet access sigh.
It turns out the WP8 emulator uses a different means of Internet access.
On the actual device the app needs to have the following set ID_CAP_NETWORKING in order to have Internet access..
I do have a Kendo UI Mobile app which I created with the VS Icenium extension. My question is if it is possible to open remote pdf documents with the native pdf viewer which is installed on a mobile device.
Currently, I'm using this code in order to open a document:
if (device.platform === "Android")
window.open(data.uri, '_blank');
}
else
window.open(data.uri, '_system');
}
This opens the browser and downloads the file, which is retrieved from a wep.api .NET MVC webservice. On iOS it works quite well. But on Android it opens the browser and starts the file download in the background and the document is not opened in the browser. It is necessary to pull down the message center in order to open the file.
But like I said, it would be great if I could check if a pdf viewer is installed on iOS / Android and ask the user to open the document with it otherwise opening the file in the browser using the code from above.
Searching the internet the only option I was able to find was pdf.js (which I wasn't able to implement into my app).
I'm an absolute beginner with HTML5, jquery, Kendo UI Mobile etc. and it would be great if you guys could give me your help!
Thank you in advance!
Regards,
Martin
I build this simple code with PGB, but it does not working in WP7 emulator - no alert message.
For android emulator its ok.
What's wrong?
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
navigator.notification.alert("Device Ready!");
}
Source code https://github.com/dprotopopov/pgb-wp7-alert
This seems to be a bug with the latest PhoneGap build for WP7. I have this up and running in Visual Studio and although the navigator object is accessible in the code there is no notification property available. You can test the same yourself by iterating through the properties of the navigator object in your app;
for(var key in navigator){
document.write(key + "<br>");
}
The list I get is as follows, note that notification is not one of them :(
appCodeName
appMinorVersion
browserLanguage
cookieEnabled
cpuClass
mimeTypes
plugins
systemLanguage
userLanguage
msDoNotTrack
geolocation
appName
appVersion
platform
userAgent
onLine
javaEnabled
taintEnabled