contenteditable पर टैग किए गए जवाब

मैं एक उपयोगकर्ता को संपादित करता है जब एक की सामग्री के एक समारोह को चलाना चाहते हैं divके साथ contenteditableविशेषता। किसी onchangeघटना के बराबर क्या है ? मैं jQuery का उपयोग कर रहा हूँ इसलिए jQuery का उपयोग करने वाला कोई भी समाधान पसंद किया जाता है। धन्यवाद!

359 javascript  jquery  html  contenteditable 

मेरे पास उदाहरण के रूप में यह सरल HTML है: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> मैं साधारण चीज चाहता हूं - जब मैं बटन पर क्लिक करता हूं, तो मैं संपादन योग्य div में कैरेट (कर्सर) को विशिष्ट स्थान पर …

190 javascript  jquery  contenteditable  caret  cursor-position 

मैं एक निश्चित, क्रॉस-ब्राउज़र समाधान के बाद कर्सर / कैरेट स्थिति को अंतिम ज्ञात स्थिति में सेट करता हूं, जब '<div>' पर ध्यान केंद्रित करता है। यह प्रतीत होता है कि एक संपादन योग्य div की सामग्री की कार्यक्षमता कार्यशील / कर्सर को उस पाठ के आरंभ में div पर …

142 javascript  jquery  html  contenteditable  cursor-position 

मेरे पास एक contenteditableतत्व है, और जब भी मैं कुछ सामान टाइप करता हूं और हिट ENTERकरता है तो एक नया बनाता है <div>और नई लाइन टेक्स्ट को वहां रखता है। मुझे यह थोड़ा पसंद नहीं है। क्या ऐसा होने से रोकना संभव है या कम से कम इसे एक …

131 javascript  jquery  google-chrome  html  contenteditable 

मैं contentEditable-based नियंत्रण के लिए घटना को बदलने के लिए कैसे सुनूं? var Number = React.createClass({ render: function() { return <div> <span contentEditable={true} onChange={this.onChange}> {this.state.value} </span> = {this.state.value} </div>; }, onChange: function(v) { // Doesn't fire :( console.log('changed', v); }, getInitialState: function() { return {value: '123'} } }); React.renderComponent(<Number />, …

120 javascript  dom  contenteditable  reactjs 

मैं एक contentEditableतत्व में कर्सर या कैरेट इंडेक्स स्थिति को सेट करने के तरीके पर बहुत सारे अच्छे, क्रॉसबोवर एवरर्स ढूंढ रहा हूं , लेकिन कोई भी नहीं कि कैसे जीईटी प्राप्त करें या इसका इंडेक्स ढूंढें ... मैं क्या करना चाहता हूं, इस div के भीतर कैरेट का सूचकांक …

119 javascript  contenteditable  caret  cursor-position 

जावास्क्रिप्ट में, किसी प्रोग्राम inputया textareaतत्व में प्रोग्राम का चयन करना संभव है । आप के साथ एक इनपुट पर ध्यान केंद्रित कर सकते हैं ipt.focus(), और फिर इसके साथ इसकी सामग्री का चयन कर सकते हैं ipt.select()। आप किसी विशिष्ट श्रेणी का भी चयन कर सकते हैं ipt.setSelectionRange(from,to)। मेरा …

119 javascript  selection  contenteditable 

क्रोम में आउटपुट : <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> दुर्भाग्य से, इसे बनाने का कोई अच्छा तरीका नहीं है …

111 javascript  html  cross-browser  contenteditable  caret 

जब मैंने एक पूर्व तत्व को संतुष्ट करने के लिए सेट किया और संपादन के लिए उस पर ध्यान केंद्रित किया, तो इसके चारों ओर एक बिंदीदार सीमा प्राप्त होती है जो बहुत अच्छी नहीं लगती है। सीमा तब नहीं होती जब ध्यान कहीं और होता है। मैं उस सीमा …

96 javascript  jquery  contenteditable 

मुझे contenteditableGmail नोट्स विजेट पर नोड के अंत में कैरेट को स्थानांतरित करने की आवश्यकता है । मैं स्टैकऑवरफ़्लो पर थ्रेड्स पढ़ता हूं, लेकिन वे समाधान इनपुट्स का उपयोग करने पर आधारित हैं और वे contenteditableतत्वों के साथ काम नहीं करते हैं।

86 javascript  contenteditable  cursor-position