প্রশ্ন ট্যাগ «contenteditable»

আমি একজন ব্যবহারকারী তার সম্পাদনার একটি বিষয়বস্তু একটি ফাংশন চালাতে চান divসঙ্গে contenteditableঅ্যাট্রিবিউট। একটি onchangeইভেন্টের সমতুল্য কি ? আমি jQuery ব্যবহার করছি তাই jQuery ব্যবহার করে এমন কোনও সমাধান পছন্দ করা যায়। ধন্যবাদ!

359 javascript  jquery  html  contenteditable 

উদাহরণ হিসাবে আমার কাছে এই সাধারণ এইচটিএমএল রয়েছে: <div id="editable" contenteditable="true"> text text text<br> text text text<br> text text text<br> </div> <button id="button">focus</button> আমি সাধারণ জিনিসটি চাই - আমি যখন বোতামটি ক্লিক করি তখন সম্পাদনাযোগ্য ডিভের মধ্যে ক্যারেট (কার্সার) নির্দিষ্ট জায়গায় রাখতে চাই। ওয়েবে অনুসন্ধান করা থেকে, আমার কাছে এই …

190 javascript  jquery  contenteditable  caret  cursor-position 

আমি একটি নির্দিষ্ট, ক্রস ব্রাউজার সমাধানের পরে কার্সার / ক্যারেটের অবস্থানটি সর্বশেষ জ্ঞাত স্থানে সেট করতে চাইছি যখন কোনও সামগ্রী <'ডি'> <ডিভি>> এ ফোকাস ফিরে আসে। এটি কোনও কনটেন্ট সম্পাদনাযোগ্য ডিভির ডিফল্ট কার্যকারিতা হ'ল প্রতিবার যখন আপনি ক্লিক করবেন তখন ডিভের পাঠ্য শুরুর দিকে কার্ট / কার্সার সরিয়ে নেওয়া হয় …

142 javascript  jquery  html  contenteditable  cursor-position 

আমার একটি contenteditableউপাদান রয়েছে এবং যখনই আমি কিছু স্টাফ টাইপ করি এবং আঘাত ENTERকরি এটি একটি নতুন তৈরি করে <div>এবং সেখানে নতুন লাইনের পাঠ্য রাখে। আমি এই একটুখানি পছন্দ করি না। এটি ঘটানো থেকে রোধ করা বা কমপক্ষে কেবল এটির সাথে প্রতিস্থাপন করা সম্ভব <br>? এখানে ডেমো http://jsfiddle.net/jDvau/ দ্রষ্টব্য: এটি …

131 javascript  jquery  google-chrome  html  contenteditable 

contentEditableবেসড কন্ট্রোলের জন্য আমি ইভেন্টটি কীভাবে শুনতে পারি ? 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 />, document.body); http://jsfiddle.net/NV/kb3gN/1621/

120 javascript  dom  contenteditable  reactjs 

আমি কোনও সংখ্যক ভাল, ক্রসব্রোজারকে একটি contentEditableউপাদানটিতে কার্সার বা ক্যারেটের সূচক অবস্থান নির্ধারণের বিষয়ে জবাব দিচ্ছি , তবে কীভাবে এটির সূচক পাওয়া যায় না বা খুঁজে পাওয়া যায় না ... আমি যা করতে চাই তা হল এই ডিভের মধ্যে ক্যারেটের সূচকটি জানতে keyup। সুতরাং, যখন ব্যবহারকারী পাঠ্যটি টাইপ করছেন, আমি …

119 javascript  contenteditable  caret  cursor-position 

জাভাস্ক্রিপ্টে, কোনও উপাদান inputবা textareaউপাদানটিতে প্রোগ্রামগতভাবে পাঠ্য নির্বাচন করা সম্ভব । আপনি এর সাথে একটি ইনপুট ফোকাস করতে পারেন ipt.focus()এবং তার সাথে এর সামগ্রীগুলি নির্বাচন করতে পারেন ipt.select()। এমনকি আপনি এর সাথে একটি নির্দিষ্ট পরিসর নির্বাচন করতে পারেন ipt.setSelectionRange(from,to)। আমার প্রশ্ন হ'ল: কোনও contenteditableউপাদানটিতেও এটি করার কোনও উপায় আছে ? …

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? এবং আইই তে : hey <p>what's up?</p> দুর্ভাগ্যক্রমে, এটি তৈরির কোনও দুর্দান্ত উপায় নেই যাতে প্রতিটি ব্রাউজার <br />একটি ডিভ বা …

111 javascript  html  cross-browser  contenteditable  caret 

আমি যখন সন্তুষ্টির জন্য একটি প্রাক উপাদান সেট করি এবং সম্পাদনার জন্য এতে মনোনিবেশ করি তখন এটি চারপাশে একটি বিন্দুযুক্ত সীমানা পায় যা দেখতে খুব সুন্দর লাগে না। ফোকাস অন্য কোথাও থাকলে সীমান্ত সেখানে নেই। আমি কীভাবে এই সীমানা সরিয়ে ফেলব? ধন্যবাদ

98 javascript  jquery  contenteditable