I want to prevent TinyMCE disabling gecko spellcheck. I've added gecko_spellcheck : true to config. It works fine, but when I type a new paragraph all highlights of previous paragraph are gone. Some illustrations:
When I make right click on textarea and disable/enable spellchecking, all of errors are highlighted. How can I make TinyMCE always to highlight errors?
This is a problem that can be resolved.
If you reset the tinymce iframe body everything that is spelled incorrectly gets underlined.
You may use this ed.getBody.innerHTML = ed.getBody.innerHTML; to make it work.
Related
On an internal website I am using input text fields with "required" and "pattern" specified. This results in a tooltip message apparently from the browser (Chrome), saying: Please fill out this field.
By specifying my own text with "title" I can overwrite this, but I need to format the tooltip text with bold, newlines etc. For this reason I have switched to jquery ui.
Now a problem arises, because now I end up with two tooltips. The jquery ui with my text and a native tooltip from Chrome saying "Please fill out this field".
Among others I tried:
::-webkit-validation-bubble-message { display: none; }
document.getElementById("xx").setCustomValidity('')
It seems the first one is not supported anymore. And the second one I cannot get to change anything - besides it seems to just change the text, not fully remove it.
I need the validation, so I cannot remove "required" and I can also not disable validation by using novalidate or similar.
Is there really no way to get rid of this native validation tooltip?
I decided to go for a workaround instead.
Rather than adding my jquery ui tooltip on the textbox itself, I have added a span with an information mark (🛈) after it. Then added the tooltip to this span instead.
I try to focus an element of an email field in this webpage, with the following code:
document.querySelector("#user_email").focus();
While manual focusing with either clicking on the field with the mouse or using tab works, the focus() method fails to create the focus, as it seems both from the fact the CSS doesn't change, and the console returns "undefined".
As a newcomer, I ask why?
When you're calling focus() from console, focusing won't happen immediately - you have to go back to the site (close console). When you go back from console to a website by clicking on a website, focusing won't happen. Close console using shortcuts or use setTimeout to delay focusing to give you time to go back to the website.
Digital Ocean's input boxes are focusing fine for me. The undefined basically means that nothing is returned from your expression. For example if you type var a = 123 it'll still say undefined. Also there is no special CSS styling on these input boxes. You might be getting confused with the ones in their control panel.
UPDATE: OP was getting confused with Chromes default input styling.
You should try with document.getElementById('user_email').
document.getElementById('user_email').focus() ;
<input id="user_email">
I use CKEditor and bPopUp jQuery plugin, if i set CKEditor just in html, without other scripts it work fine, but when i try set it into popuped window they stop working, i see just CKEditor but cant do anything, cant click for typing text, when click on buttons get errors in console. Mby somebody know is it real to fix ? I have an example here: http://kxc.lv/CKEditor_problem/
How you see, it's correctly work without popup, on start, but if click on "click me" you get popup with buggy CKEditor, and it's not cause i have two textarea with same id on a page, if i rempove first textarea without popup, it;s still dont work.
Mby somebody can help me please ?
In your DOM, all of your id="" must be unique. Change the second to id="editor2" and you should be fine.
I'm running into an issue where I have a button on my page that has a CKEditor.
When the button is pressed I want to append text to the editor.
I used the following code:
$('#mtxDescription').append($(this).data('key'));
CKEDITOR.instances['mtxDescription'].updateElement();
However this does not work. The editor does not reflect the change. However when I inspect the editor I find that the textarea does show the appropriate text appended, its just the editor is not showing it. Does anyone know of a way to get around this. Also, just in case anyone is wondering, I do have the jquery CKEditor adaptor script referenced in my page.
Also, if a somewhat related, but separate issue.
I have a drop down list that will allow the user to toggle between the text area shown on the page being the CKEDitor WIZIWIG and going back to being a normal textarea again. However I can't seem to do this without literally refreshing the page, I want to do it through javascript/jquery so I don't have to refresh the page whenever the change the dropdown selection. I've already tried the built in destroy method. It doesn't seem to do anything visually, the editor does not revert back to a simple textarea.
Just in case you were going to ask for some more code, here is what my HTML page looks like:
<textarea id="mtxDescription" name="mtxDescription"></textarea>
Here is how I initialize the editor
CKEDITOR.replace('mtxDescription', {
sharedSpaces: { top: 'ed-top'}
});
I was able to solve this problem by using the following code instead of using jQuery CKEDITOR.instances.mtxDescription.insertHtml($(this).data('key')) I still need a way to remove the editor at runtime.
I am trying to make an on/off toggle button using a checkbox input type and using CSS to change the style to have it look like the ones the iPhone uses for my webapp. Currently my button works great in all browsers however when I load it up on my iPhone it doesn't work, when you click the button nothing happens. At first I thought it might be a problem with my jQTouch or javascript but I removed all my CSS so I could just test the functionality and it worked fine. So I know the problem is somewhere in my CSS. Any idea why this CSS code doesn't allow me to click the button. (The graphics and everything work and look fine, just nothing happens when I click the button). Any ideas? Thanks.
Code is in this fiddle:
http://jsfiddle.net/4gjZX/4/
change to onclick
add an empty onclick to the label - known issue on iDevices
DEMO
However why have inline event handlers when you use jQuery anyway???
Also why the data- in the ID, it is normally used for attribute names
You may get it works by making some css changes:-
label { cursor: pointer; }