I'm trying to enable ckeditor on devices like android and iPhone, but didn't show up on any browsers like chrome android browser uc browser opera and safari and also it is showing up on computer browsers?
Download the latest version (default build) of ckeditor
Open ckeditor.js file in notepad (placed at the root of ckeditor folder)
Find the statement:
if(e.webkit)a.indexOf("chrome")>-1?e.chrome=true:e.safari=true;
Add the following statement in front of the above statement:
if(e.chrome)e.mobile=false;
Save and upload it on your server
CKEditor will be working now on your Android Browser
I have followed this step, but still not working on mobile phone browsers?
here the solution of it
here solution for you just need to change or updated you ckeditor.js file to latest ckeditor.js file
here link of latest ckeditor.js
here screenshot
I don't know where did you get those instructions, but they are too complicated and forces you to keep changing the source files whenever you update.
Instead you should follow the official advice at http://docs.ckeditor.com/#!/guide/dev_unsupported_environments
<script src="ckeditor/ckeditor.js"></script>
<script>
CKEDITOR.env.isCompatible = true;
</script>
just add this line in your script then it is working for all devices in
CKEDITOR.env.isCompatible = true;
CKEDITOR.env.isCompatible = true;
CKEDITOR.replace('jobdescription', {
width: '100%',
height: 300
});
refer the below link
https://ckeditor.com/docs/ckeditor4/latest/guide/dev_unsupported_environments.html
Related
This is just for the record, since I found the solution.
I experienced an Issue happening only on PWA Standalone App on Androïd device.
I used to open PDF file from my standalone VueJs application with this code :
window.open('<PDF FILE URL>')
or
window.open('<PDF FILE URL>', '_blank')
In that case, the PDF couldn't be read on Android Device. I had this message
Impossible d'afficher le PDF/d'ouvrir
I guess that in english error message would be something like :
Cannot display PDF/Open
Note that in the other side
It works on standard browser (Chrome, Firefox, Internet Explorer)
It works on Apple Device (as PWA)
it works on Windows App (as PWA)
I doesn't work on Android as PWA
My solution was to simply change my code with :
window.location = '<PDF FILE URL>'
My solution was to simply change my code with :
window.location = '<PDF FILE URL>'
I have a very critical problem.
I'm developing mobile app on android and iOS using apahce cordova with visual studio 2015.
My app downloads and opens a pdf file from external direct url using file transfer and file opener plugins.
I've successfully downloaded and opened that file on android on device memory.
but no matter how many time i try to do the same thing on iOS , it never works.
I have tried all directories on that link : https://github.com/apache/cordova-plugin-file#where-to-store-files
All i want is a working example of downloading a file in any directory from external server and open it in iOS using apache cordova.
thank you in advance.
I recently had the same problem to solve, and used the file opener 2 plugin, which you use like this:
cordova.plugins.fileOpener2.open(
'path/to/file.pdf',
'application/pdf',
{
error: function(e) {
console.log('Error opening file:' + e);
console.log('path: ' + filePathAndroid);
},
success: function() {
console.log('File opened successfully');
console.log('path: ' + filePathAndroid);
}
}
);
This opens the PDF using an action sheet that shows all the possibilities that the device has for handling it (Adobe Reader if installed, iBooks, AirPrint, send to email etc).
You can use the Cordova file plugin to download the PDF from your server and work out a path to it on the local device.
My sample app that shows a range of ways of handling PDFs for Android and iOS can be found here. There I tried the In App Browser (not great, doesn't work on Android), PDF.js (renders PDF inline in a canvas, but pretty slow and no pinch zoom) and the file opener 2 plugin (most "natural" way to use the device's abilities in my opinion).
Raymond Camden also recently blogged on this subject, you may find his post useful background reading too.
I work on a firefox addon using JPM.
I want to install it on my android phone, i've run "jpm xpi" and copy xpi on my sdcard. When i browse to file://path/to/my/xpi in android firefox nothing happen.
Same issue if i upload xpi on my server and browse to url.
i've tested with google play firefox up to date version and nighty.
where is my mistake?
Neither ES File Explorer nor X-plore worked for me (as per Trasd's comment). I saw the three Firefox's, but none of them triggered to install the XPI.
The solution for me was creating an installer HTML file in the same directory as the .xpi files, like the following.
install.html:
<html><body>
ABP
FVD
<!-- replace the above with the names of your add-ons in the same directory -->
</body></html>
Then, you can either:
Enter the path to this install file directly in Firefox, e.g. file:///storage/sdcard0/MyXPIFiles/install.html
Or, navigate to the file in your File Manager and open it in Firefox when prompted.
In Firefox viewing the install.html file you created, click on each link on the page, and you should see a prompt, "Firefox prevented this add-on from installing on your device." Just click "Allow", and it should install.
EDIT: Apologies, I see you said that navigating to a URL did not work for you. But if no one minds, I'll leave my answer here, cause it's the only one that worked for me, and maybe others too.
Create github repository for your addon. Then get this extension:
https://addons.mozilla.org/en-US/firefox/addon/github-extension-installer/
Then go to your github repository with firefox on android, then make it display "desktop version of website" from firefox menu icon at top right, then click "add to firefox".
This is by far the easiest way to get addon from your computer onto android.
This is a problem because of the different Versions. I had the same problem as you. I tried to install the xpi manually. The trick is to install versions that are older. So currently Firefox v43 does not work. But v38 or v39 for Example works without any problem.
v42 for Example does not work. v41 works. It seems like they changed something here. Because the Explorer also offers 3 Options to Start Firefox with v42, but only 2 with v41.
Create a html file with this code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Load files</title>
<style>
div#links a {
display: block;
}
</style>
</head>
<body>
<input type="file" onchange="add(this)"/>
<div id="links"></div>
<script>
function add(obj) {
var val = obj.value;
addLink(val);
}
function addLink(dir){
var links = document.getElementById('links');
var a = document.createElement('a');
a.href = dir;
a.text = dir;
links.appendChild(a);
}
</script>
</body>
</html>
Then copy the xpi files into the same folder, you can load them dynamically and then click on corresponding link.
You can create and install Firefox extensions locally on your Android device!
I'm creating and installing simple Firefox extensions using nothing but my Android itself, instead of hooking it to (or programming on) my PC. To install extensions without involving a USB connection:
If you're working with an existing addon from you PC, get the xpi onto your Android device (email it to yourself if you have no other method).
Using Root Explorer (even though I'm not rooted on this tablet) or Explorer, the free version (sorry, they won't let me put more than 2 links), long-press on the xpi file and choose Open With.
Choose the Apps tab (3rd one) and scroll down until you see Firefox (there are 3 Firefoxes in the list - these are Intents, I think).
Choose the second Firefox in the list.
If you selected the correct Firefox in the list, you will see a "Tab saved in Firefox" toast - DO NOT TAP IT! If not, try the procedure again, but select a different Firefox in Root Explorer's Open With App list.
After the toast, if Firefox displayed an icon on your Notification Bar, activate it. This will bring up Firefox with a new tab where you have to give your approval to install the extension. If you don't have a Notification Bar icon, just open Firefox.
Like most things, this is much simpler to do than to explain.
Please note, I am using Firefox for Android 42.0.1. I also use the Console 1.1.1 (by DigDug) add-on for simple debugging. I had to download the Console extension from its Github site and install it using this method because I couldn't get it to install through Firefox's regular method, nor could I get "Githib Extension Installer" to work on my system. I am using a Samsung Galaxy TabPRO SM-T900 12.2" with Android 5.1.1.
Good luck!
I just moved my wordpress website on testing host to check how the website is actually displayed in actual phone browser and it turns out that neither styles nor images are being displayed (as shown in the right side of the image).
Website on desktop browsers works normal and it chrome dev tools if setted on Nexus 5 is displaying okey (as showed in the left side of the image).
There is actualy a plugin to take care of this for you. After you have moved the local files to your actual host, run this plugin, by searching for the root of your local website and change it to the actual root of your website.
Something like this:
Local: http://localhost/my-wordpress-website/
Live: http://www.my-website.com/
<img class="logo center-block" src="http://localhost/work/zarakunst/zaratheartist/wp-content/themes/starkers-master/img/zarakunst.png" alt="ZaraKunst logo">
You need to replace http://localhost in wp-admin/options-general.php
This is my first time coding for HTML5 with offline capabilities using MVC 3. Although I have a problem where mobile devices doesn't seem to cache and fails to load from cache when offline.
I have my header setup:
<!DOCTYPE html>
<html manifest="#Url.Content("~/offline.manifest")">
With my offline.manifest file located at the root of the application.
Since my app has a /Account/Login/Index route, I added it to my manifest file:
CACHE MANIFEST
#version 0.0452
CACHE:
#Pages
Account/Login
also tried ~/Account/Login for the pages.
The good news is, my manifest file works on Chrome. All files are loaded and are cached. However, this is not the same for my mobile devices.
My iPhone running 5.1.1 and Nexus S running Chrome on ICS doesn't seem to load from the cache when offline. I just turn off the Wifi radio and refresh the page, but Safari and Chrome doesn't load from cache.
Am I missing something here?
Any clues would be appreciated. Thank you
Thanks to the iPhone's built-in console log, I found out that my IIS is serving the manifest file on an incompatible MIME type.
I changed a few things. First, I renamed the cache file to cache.appcache and added a new MIME type in IIS, for the extension .appcache with type text/cache-manifest.
After I made those changes and reloaded my page, Mobile Safari cached my page. Chrome for Android is also now working well.