I need a rich text editor which works in both desktop and mobile browsers.
For example I am using CLEdior which works fine in desktop browsers but not safari or chrome in iOS and android.
Thanks in advance.
Check out this question Best wysiwig editor
I have used tinyMce. All the editors have had problems but all should work in the newer android/ios browsers as seen here.
Related
We are facing few HTML/CSS issues on rendering our HTML email on Apple mail client on iPhones
Is there a way one can inspect and debug the issue?
Does Apple provide any emulator/tool to do the same?
What worked for us is Epiphany browser. It mimicked the restricted ability of Apple mail client to render HTML far more closely than any of the solutions below -
google chrome, firefox, safari in responsive design mode
Someone suggested to try emulator in XCode but I couldn't get hold of Apple mail in Xcode -> Window -> Devices and Simulators
You can download an emulator in xcode and visually inspect most Apple devices in emulation.
A simple approach is to use Google Chrome. The engine powering Chrome is based on Webkit, which is the same html engine that powers Safari and IOS and iPadOS devices. The Inspector can allow you to inspect a variety of devices in emulation.
You can do much of this with Apple Safari as well.
A third approach is go post your code, define the problem and let people see if they can determine a fix.
Good luck.
Specifically, the "max-device-width:" condition
If you're on a Mac, you can use the iPhone simulator that comes with XCode. I've also used a Firefox add-on called "Modify Headers" and I send iPhone headers, however, that may not help much with max-device-width.
For mac or PC, if you can upload your files to any temporary server, you can check the results online in TestiPhone: http://www.testiphone.com/
This is a web browser based simulator for quickly testing your iPhone
web applications. This tool has been so far tested and working using
Internet Explorer 7, FireFox 2 and Safari 3.
The firefox plugin Developer toolbar let you change the browser size with just one click to the device size. I bet there is plugins like that to the other browsers. If you can't find that to all browsers then I suggest that you just upload your code to a server and surf to it using an iPhone.
I'm totally new to opera mobile addons. Can someone suggest me a site which can help me to get started?
I'm currently using a Sony Ericsson P990i. It is loaded with Opera Mobile 8.65.
I type "opera:plugins" in the Opera Mobile address bar; it showed me the list of plugins installed.
So, I'd like to develop plugins for my personal use.
Is there any tutorial/examples of Hello World for opera mobile plugin development?
Till recently we in Opera did not have the ability for running extensions in Opera Mobile. We have recently released a labs build with support for extensions http://dev.opera.com/articles/view/extensions-opera-mobile-labs/
The way to create Opera extensions is documented here http://dev.opera.com/articles/view/getting-started-with-opera-extensions/ The idea is to create extensions, and not exactly worry about desktop or mobile. Just creating nice extensions regardless of platform.
Safari HTML Reference: Supported Attributes says:
contenteditable
If true, the element can be edited on
the fly; if false, it cannot.
Availability
Available in Safari 1.2 and later.
Available in iPhone OS 1.0 and later.
However, on my iPhone, I can't get it to work. Anyone have success with this?
You can try it with this document (admittedly not pure html, but that document works in desktop Safari, and Chrome and Firefox 3). I haven't been able to get even the simplest html document to be editable in mobile Safari.
contenteditable has been added to iOS 5 beta 2, according to one of the developer videos from WWDC 2011. I suggest signing up to Apple's Safari developer program and downloading that video from the WWDC videos page.
If you sign up to be a Safari dev, you also gain the privilege to submit your Website to their online iOS Web app gallery.
Edit: I've confirmed this works on my iPad running iOS 5.0.1. Try it out here: http://www.quirksmode.org/dom/execCommand/
It works, kind of. I thought contenteditable doesn't work on iPhone before. When I set a div to contenteditable I couldn't move the cursor/pointer to where I wanted to move it. But, when I was fiddling around XHTML with contentEditable within iBooks.app on iPad, I found that "execCommand('insertText', null, 'foobar');" worked within Mobile Safari.
If you wanted to, you could make a virtual keyboard using
clever css and javascript, and make it into a bookmarklet.
If you cannot focus the contenteditable element try adding this to your css
[contenteditable] {
-webkit-user-select: text;
user-select: text;
}
The design mode and content editable are working fine in IOS 5.But in previous versions it is not working.There is post
http://mobile.tutsplus.com/tutorials/mobile-web-apps/safari-5_html5/
I think this is because editing HTML requires quite an advanced user interface. That's why desktop Safari implements it, while Mobile Safari doesn't.
I have been having some general problems with TinyMCE inside Opera. Some of these include:
the save button produces an error
when submitting to a popup with an entire form, including TinyMCE, nothing gets posted to the popup (when TinyMCE is removed it works fine)
Has anyone else experienced these errors and/or does anyone have a solution to make TinyMCE more compatible with Opera?
TinyMCE is not the only rich text editor for web. You could even try a what you mean editor or some Flash based solution.
I recommend CKEditor, it works like a charm on Opera and is also very configurable and powerful. I also had some issues with TinyMCE using the latest Opera to date (v12.15).
It depends on the version of Opera Mini you are using. The supported version is v.50 and above. The Opera Mini version 52.3.21517 and above are the supported version for TinyMCE. You can get the version 50 of opera mini mobile browser here https://press.opera.com/2019/02/19/opera-for-android-hits-version-50/