The idea is that we insert an image as a marker (I use a nice loading symbol in an animated gif). Later or immediately afterwards, we can select the image and remove it, restoring the caret to it's original position. Here's the code:
Please see right hand panel before copying >
//USAGE:
//before the save:
insertAtCursor("myIframe",'<img src="images/marker-autosave.gif" id="caret" />', 0); //change 0 to 1 if you want the user's selection to be replaced by the img
//after the save:
resetCaret("myIframe");
function insertAtCursor(iframename, text, replaceContents) {
if(replaceContents==null){replaceContents=false;}
if(!replaceContents){//collapse selection:
var sel=document.getElementById(iframename).contentWindow.getSelection()
sel.collapseToStart()
}
document.getElementById(iframename).contentWindow.document.execCommand('insertHTML', false, text);
};
function resetCaret(iframename){
var iframe=document.getElementById(iframename).contentWindow
var referenceNode = iframe.document.getElementById("caret");
if(referenceNode){
var sel=document.getElementById(iframename).contentWindow.getSelection()
//alert(sel.focusNode)
if(sel.focusNode){//firefox:
var range=sel.getRangeAt(0);
}else{//chrome:
var range=iframe.document.createRange()
}
range.selectNode(referenceNode);
range.deleteContents();
}
}
8 comments:
great helped me a lot!
thank you very much!
'insertHTML' !!!
it's the greatest solution :)
"Shortness - the sister of talent"
thanks :)))
This works great but doesn't work fine when you need to create a text bold.Then it gives some problem and wont allow you to create hyperlinks as well. Can you suggest something better like this.
g
how can i maintain the cursor position in froala editors after enter key press
jordan shoes
canada goose jackets uk
hermes handbags
kobe shoes
michael kors uk
ralph lauren
buy red bottoms
louis vuitton handbags outlet
rolex replica watches
christian louboutin outlet
20161228caiyan
Blocks of Cheap Oakleys light reflected from the polarizing glasses horizontal leaves a reflection of the light setting of the vertical. Fashionable polarized sunglasses can do this in other areas, golfing, rowing, cycling, swimming, Oakley Outlet fishing and flying through life.
It is great to have visited your website. Thanks for sharing useful information. And also visit my website about health. God willing it will be useful too
Obat Sakit Dada
Obat Tumor Jinak diatas Bola Mata
Penyebab Benjolan dileher
Obat Penghilang Nyeri Lutut
Obat Penghilang Nyeri Pada Payudara
Pengobatan penyakit Meningioma
Post a Comment