how to make editable span in fire fox
even by setting contentEditable="true" in span tag , in fire fox this tag is not able to edit while there is no problem in IE. what can i do? ...
contenteditable
jQuery sortable on contenteditable items
If I do "jquery sortable" on a contenteditable items, the item would never be editable. I should mention that in IE every thing works fine and i have this problem in FF 3.6.8 <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <script src="http://ajax.googleap...
Remove Resize handles and border from elements with contentEditable
Hi Guys! The problem I'm having is with the contentEditable attribute in IE. (some things never change). The problem is that I'm getting resize handles, and a thick border around <li> elements when they're in focus. Any idea of how to remove them? CSS or Javascript tricks are very welcome! ...
Make mouse clicks unresponsive when text are selected.
Dear experts, I am currently working on a WYSIWYG web editor. The problem i ran into is a little complicated. When I select a section of text and click on something on my tools, the command works but immediately the text becomes unselected. Just like when we select text in any webpage, when we click on something else, the text become...
Javascript Set Caret in ContentEditable Div
I have a div tag that is contenteditable so that users can type in the div. There is a function that adds a link into the div when the user presses a button. I would like the caret to be positioned after the link so that users can continue to type. The link can be inserted many times. Example Code: <div id="mydiv" contenteditable="true...
How can I create an html input text area such that I can underline or format certain words?
I'd like an input field that I can have javascript set certain attributes for, for different parts of the input field. A simple example to demonstrate what I'd like to do: let's say I want to underline all curse words in an input text area. So the javascript would check the input text area when a new letter is inserted, and for any word...
How can I extend the OOTB Content Editor Web Part in Sharepoint 2010?
I need a webpart that has a plaintext field for a title, an image for a thumbnail and a HTML content-editable block, so I thought the best way to do this would be to try and extend the existing Content Editor Web Part. Unfortunately, the CEWP is marked as sealed so I can't subclass it. I've reflected and tried to recreate the functionali...
HTML table with contentEditable - Could we merge cells?
When you make a table editable, you get special handles to manipulate it. I know how to delete and add rows and columns. Is there a special key+handle combination of sorts to merge two cells? If so, is it the same across browsers? ...
HTML5 contentEditable with jQuery
I have some elements that need to have the text inside editable, for this I am using the HTML 5 attribute contentEditable. I can't seem to do use jQuery for this using multiple selectors. What I want to do is have every tag inside a container div be editable. Here's an example of what it would look like if it worked with jQuery: $("#con...
Why does my contentEditable element become draggable/resizable in Firefox?
I'll be answering this question To my great surprise, I discovered that, after using JavaScript to apply a class to an element and make it contentEditable, the element suddenly gained draggable and resizable UI elements. This only occurs in Firefox. Why does this happen and how can I fix it? ...
document.execCommand paste not working in contentEditable div
document.execCommand paste not working, i.e it works only when a selection has been made and it replaces the selected contents, otherwise no change is made. By the way I am using a contenteditable div element where I am trying to do this. In all browsers it fails, I am using it on clicking a particular li element of a ul. <ul> <li>...
Div contenteditable and pressing "enter" on FF
Hello, I have got a div with contenteditable that should trigger a < br /> insert on "enter". Everything works fine in IE but Firefox drives me crazy. this.e.keydown(function(event) { if(event.keyCode == 13) { var execute = editor.insertHTML(\'<br />\')'; eval(execute); return false; } }); Firefox ignores < br /> at t...
workaround for contenteditable on iPad
Hello Gurus, I have a web application that uses TinyMce to allow rich text editing. Some of my customers are desperate to get it to work on iPad (which doesn't support contenteditable and therefore TinyMce doesn't work) At the moment the only choices I have are: Disallow rich text editing when i detect the browser is iPad. This is no...
Change cursor position in the contenteditable div after changing innerHTML
Hello, I have a simple contenteditable div with some text in it. On onkeyup event i want to replace whole content (innerHTML) of the div based on regex. For example, HTML: some text, more text and $even more text Function in which i plan to get all text with $ ($even in example above) and wrap it in span tag: div.onkeypress = fun...
HTML / JAVASCRIPT : Disable HTML in contentEditable=true
Possible Duplicate: HTML / JAVASCRIPT : Disable HTML CONTENT in contentEditable=true I want to know how to disable or control html elements, tags and drag and drop, image resizing and all what comes with contentEditable contentEditable="true" element. Before you ask why: Right click on this page: Control or Command+A go to h...
jQuery line count code editor
Im trying to accomplish this: http://jsfiddle.net/WkVb9/ But instead of using a textarea, use an iframe with designmode = 'on' http://jsfiddle.net/ysgEf/ It doesn't seem to work =/ ...
Contenteditable reset text color after foreColor has been used without resetting other styles
Changing the text color of text in a contenteditable div is easy - simply called document.execCommand("foreColor",false,"#FFF") to change text color to white. However, I cannot find a way to reset this color back to its default value (or to the value of the parent element). document.execCommand("removeFormat",false,null) works perfectly...
Are they any contenteditable-driven components to use in a web site ?
Hi, i seeking any inline editing solution for the web site. Suppose, i have an article, displayed on the page. To edit it, i click the "edit" button and everything, displayed in article gets "contentEditable" attribute and i can edit text, format is, as i want to, insert images etc. Is there any solution (free or commertial) to do th...
How to make Google Chrome to stop automatically modify contenteditable elements HTML source ?
Hello, I am using contenteditable attribute for a purpose of my own WYSIWYG editor. Most of the problems I solved myself, however one I can't figure out. Contenteditable is acting little weird, because my editor generates XHTML code and as soon as I insert this code in contenteditable element, it modifies it to non-XHTML code, e.g.: <h...
ContentEditable focus in Chrome/Safari
I have a contenteditable div which needs to be focussed at pageload (place cursor at the first line). document.getElementById("editor").focus() works well in Firefox and IE, but in Chrome/Safari it just selects the entire content! Is there a way to make this work properly? Thanks in advance, Shesh ...