Hello, I am not sure if this can be done or not. I have something similar to the following HTML source:
In WYSIWYG, if I click directly next to "Some Text" (on either side) it places the caret inside of the span. I do not want this to happen. I want the caret to be in the td and NOT the span so that when I start typing my text does not get entered into the span. Is there any way to programatically move the caret to the td text node? The code could be attached to some click event handler so that when the user clicks into the span, the caret is moved outside. I have tried playing around with selections and ranges but do not seem to know enough about it to get it to work.
I also tried adding the attribute contenteditable=false to the span, but that does not fix the issue (actually causes more problems).
Any suggestions are much appreciated.
<table> <tbody> <tr> <td><span>Some Text</span></td> </tr> </tbody> </table>
In WYSIWYG, if I click directly next to "Some Text" (on either side) it places the caret inside of the span. I do not want this to happen. I want the caret to be in the td and NOT the span so that when I start typing my text does not get entered into the span. Is there any way to programatically move the caret to the td text node? The code could be attached to some click event handler so that when the user clicks into the span, the caret is moved outside. I have tried playing around with selections and ranges but do not seem to know enough about it to get it to work.
I also tried adding the attribute contenteditable=false to the span, but that does not fix the issue (actually causes more problems).
Any suggestions are much appreciated.