Can't set focus to tinyMCE textarea on iPad - javascript

I need use to be able to use multiple tinyMCE <textarea>s on an iPad compatible site.
However when I view the site example website on my iPad, I can't get it to focus on the 2nd <textarea>.

Programatically, you may use tinymce.get('your_editor_id').focus() to focus your editor.
What you see as editor is not a a textarea, but a contenteditable iframe.

Related

How can I copy text from some site which disable right click, and also select text?

How can I copy text from some site which disable right click, and also select text?
I mean I cant select any text from that site, and also I cant right click on that site.
Do I have to Inspect Element and Find that text?
or is there any easier way?
In Chrome or any of the popular modern browsers, open Developer Tools by pressing F12 and then click on the magnifying glass icon (or equivalent icon in other browsers) to turn on inspect mode. Move to the content within the web page and point to the specific portion of text that you want to copy. The HTML code corresponding to the pointed area will appear in the docked Dev Tools window. Double click on the HTML code to copy the content you need.
Alternatively, you can save the page as a text file in Internet Explorer and then you can get just the text within the web page in the text file. In IE, choose File > Save As and in the dialog box that opens up, specify the Save as type as Text file.
Also you could try the site after disabling JavaScript in your browser.
For doing so, you have several methods:
Disable JavaScript
Remove the event handler(s) (if you are a developer)
Use DOM
You could use latest Intenet Explorer.
Caret Browsing is a new feature introduced in Internet Explorer 8 and later. With this feature enabled, you can use the navigating keys on the keyboard, select text & move it around within a webpage .
You can select and copy snippets of text as short as a single character by using only the keyboard. Other content types such as tables or images can also be selected and copied.
Enable Caret Browsing in Internet Explorer
To turn on Caret Browsing in Internet Explorer, press F7.
It can be enabled on a per tab basis or for all tabs and windows. Moving the cursor within the text of a web page is like moving the cursor within the text of a Microsoft Word document. To select text, hold the Shift key & press the arrow keys.
Instead of using a mouse to select text and move around within a webpage, you can use standard navigation keys on your keyboard : Home, End, Page Up, Page Down & the arrow keys. This feature is named after the caret, or cursor, that appears when you edit a document.
Reference here.

On Safari Mobile, auto-select all the text of a read-only input on focus

I'm trying to use an input text box as a URL sharing widget. Fairly standard: when you click on the textbox, all of the text inside is automatically highlighted to make it easy to copy and paste. It's set as read-only='read-only' to prevent the user from changing the URL accidentally, and the click event is set to this.focus();this.select();. This works on the desktop.
The problem arises with Safari Mobile (I'm using iOS 7.0.6). From what I can tell, the read-only prevents using the standard setSelectionRange(0,9999);. But if I turn off read-only and just use javascript to prevent editing, the iOS keyboard shows once the text input has focus.
tl;dr On Safari Mobile I'd like to have the uneditable textbox be entirely selected on focus but without showing the keyboard (ideally it would show the copy/paste menu too, but I think that's a stretch). Is this possible?
JSFiddle shamelessly forked from this answer:
JSFiddle showing input with read-only set (Doesn't work on Safari Mobile iOS 7.0.6)

How can we open iPhone/android native keyboard using phonegap or javascript

In my Phonegap application i need one div which is scrollable, When user click on it device keyboard should be open and text should be writeable in div. But i dont know how to open device native keyboard for both device. Is there any plugin available for this functionality.
Have a hidden input field, and onclick event of that div, simply call focus() for that input field. It'll automatically bring up the keyboard. And then you can read the content of the input field and write that into the div.

jHtmlArea "enter" key generated HTML not cross browser

I'm trying to use the jHtmlArea WYSIWYG editor based on jQuery.
My problem is that the behaviour of the editor towards the "enter key" is different from browser to browser, for instance, IE renders a p tag, Chrome renders a div tag and Firefox renders a br tag.
What's causing this? How can I make this consistent?
Thanks.

Is there a way to get a Telerik RadEditor to not show the toolbar by default when editor.set_html(value) is called in ShowOnFocus mode?

I'm trying to simulate keypresses and clicks in jQuery, which is working to blur the toolbar in IE6 but in Firefox it seems to remain open.
Is there some way to blur the editor or some setting that I'm missing that makes it so that it doesn't steal focus and show the toolbar by default?
Update it is showing up because I am calling editor.set_html(value); in the OnClientLoad() event for the editor. Is there any way to get the toolbar to hide after calling the set_html() function?
After much googling, I discovered this post:
When the set_html() method is fired, the operation is added to the Undo list. You should use the innerHTML attribute of the editor's content area to set content in the editor
So instead of editor.set_html(value);, I use editor.get_contentArea().innerHTML = value; and now the toolbar doesn't open by default!

Categories