WYSIWYG editor misbehaves when editing in android webview - android

I am creating an android application which uses webview to show a static html page which contains TinyMCE editor. When i click on editing area of editor for editing purpose, softkey keyboard opens and whatever text is written in text area gets cleared. In addition to this when i select text(by long click on text) for changing its style, and when i click on any of toolbar button(i.e. Bold, Italic, Underline etc), again text get cleared. This problem is not only with my app but also with default browser of android(although works perfect with Dolphin browser).
Device for which application is developed is a android-TV device(A75). This behavior is with this device particularly. The same behaviour is with some other WYSIWYG editors like CKeditor, nicEditor, bootstrap-wysihtml5 also.
What i have tried so far is, to hide softkeyboard when editor is clicked for ediging purpose, from code given here. Although i was able to hide softkeyboard from given code but, in that case i was not able to edit and select text for formatting.
Please help me to solve this prblem.
Thanks in advance for any solution.

Related

Keyboard IME with emojis

I am making a keyboard with custom images which i have to "copy to clipboard" when clicked. I have followed this tutorial for making a working keyboard. On press a key i am also able to change keyboard layout. Now i want to change background and font of each keys of keyboard and also i want to add given images in gridview. I googled things but couldn't find the perfect one.
Any link for tutorial will also appreciated.
Thanks in advance.

Android Keyboard with Emoji

So I want to have a keyboard in my app that has emoji just like Whatsapp or Hangouts. How can I do that? I want to leave my key keyboard as it is I just want to add tabs to put emojis. I would think it would be easily supported by the soft keyboard but I can find nothing so far. Anyone could tell how to do it?
UPDATE:
The keyboard with emoji is included in Android KitKat and can be accessed by long pressing the new line button in the keyboard. The Hangouts keyboard however has the emoji icon visible instead of the "new line" key. If someone knows how to make this the default (either in layout or programmatically) I will take that as the correct answer.
As #dbar pointed out, the answer is:
android:inputType="textShortMessage"
But in my case, I was already using textMultiLine, so I had to use the both of them together:
android:inputType="textMultiLine|textShortMessage"
Looks like this:
I'm not sure about the Exact android version, but this should work only on Android 4.1 and above
Finally the answer was:
android:inputType="textShortMessage"
The new line key becomes a key to take out the emoji keyboard. The only quibble is the 'new line' key from the keyboard disappears with this configuration (before you could long press to choose between emoji/new line but now it's only emoji).
In Google Hangout, the emoji button is not on the keyboard (at least on my phone which is already using a third party keyboard), it's inside of the TextEdit box, and so it's part of the application itself (Gabe, I'm talking about the latest Google Hangout on top of KitKat with emoji support, all the current screenshots I found of Google Hangout do not show what I'm seeing on my phone, so this must be a very recent feature).
This is actually pretty easy to do, placing an ImageButton to the right of a TextView inside a RelativeLayout (the RelativeLayout which is made to look like a TextView with a custom background).
Then, it's just a matter of hiding the keyboard when clicking on that ImageButton and replacing it with a panel full of emojis when that happens (like in this open source emoji android keyboard, which is under a creative commons non-commercial license).
There is no functionality to add tabs to any generic keyboard. Certain keyboards may support it, but it isn't a common feature. You could write your own fully custom keyboard, but that's a lot of work and will piss off many users.
Also, I'm not sure what you mean about by like in hangouts. I use hangouts- it doesn't do anything odd with my keyboard. It stays as Swype, there's no special emoji tab. It may be a feature of your favorite keyboard based on the input type (I assume both use input type textShortMessage). But it isn't a generic feature.

Android Webview gives suggesstions for Password textbox

In Android webview simple html file with password input textbox loaded. While typing in that textbox, suggestions are displayed. That's typing D in textbox suggestions like (demo, etc) showed but the textbox having dot's like characters. How to fix this issue?
I think this is problem with device settings ,So try the below steps might be useful
Go to the settings app and scroll down to language and input. In the line for device keyboard at the far right there is an icon for settings. If you tap the icon features for the devicekeyboard will come up. One of those features will be for predictive typing. You can either slide the switch to the off position or tap the row for customization.

Android WebView Font Face Not Initially Rendering

I'm working on a mobile web app. The issue is apparent in some Android's (I think only 2.3.x phones).
There is a label and an input submit button on a page. Both are styled to have the same font face (TradeGothic, created by a #font-face style).
The label text always renders correctly however the button text never shows up the first time the page is visited.
So if you go to the page and either click on the button or go back and then forward (to the page in question) then the button text shows up fine.
I've tried resetting the value of the input button using jquery. I've also tried setting it's html and text however there are no changes.
What else can I try? (Besides losing the font.)
Slightly hacky option, could you not use an image for the button which is using the desired font?
I fixed the issue by loading a dummy html page in the webview (in the background) while the app is starting up.
The dummy page consists of only the html for the button and it loads the same css file.

how to know when and where a textfield is focused in an android webview?

Normally when a native textfield in an android view is focused, the view scrolls automatically to keep the field visible when the virtual keyboard appears. And it's normally the same behaviour when I select a textfield in a webview (so I mean a html text input in the page that loaded in the webview).
But for some reason, it doesn't work in my case. I have a webview that displays a form and when a select a textfield, the view scrolls down to the bottom of the page and the field I selected is no longer visible. What should I check in my app to prevent this to happen? If you need more details, just ask. In this way I can show you directly what you need.
Thanks in advance.
EDIT: on android 4, this is not happening. I encountered the problem on android 2.2 and 2.3.
android:windowSoftInputMode="adjustResize"
Add above tag in your manifest file's activity tag. The activity will be the one which displays webview

Categories

Resources