क्रोम में आउटपुट :
<div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;">
hey
<div>what's up?</div>
<div>
<button id="insert_caret"></button>
मुझे विश्वास है कि एफएफ में यह कुछ इस तरह दिखाई देगा:
hey
<br />
what's up?
और IE में :
hey
<p>what's up?</p>
दुर्भाग्य से, इसे बनाने का कोई अच्छा तरीका नहीं है ताकि हर ब्राउज़र <br />
डिव या पी-टैग के बजाय सम्मिलित हो , या कम से कम मुझे कुछ भी ऑनलाइन नहीं मिल सके।
किसी भी तरह, मैं अब क्या करने की कोशिश कर रहा हूं, जब मैं बटन दबाता हूं, तो मैं चाहता हूं कि टेक्स्ट के अंत में कैरेट सेट हो, इसलिए इसे कुछ इस तरह दिखना चाहिए:
hey
what's up?|
ऐसा करने का कोई तरीका सभी ब्राउज़र में काम करता है ?
उदाहरण:
$(document).ready(function()
{
$('#insert_caret').click(function()
{
var ele = $('#content');
var length = ele.html().length;
ele.focus();
//set caret -> end pos
}
}