'\ N' সহ HTML এ লাইন বিরতি

Question

এইচটিএমএলকে \nলাইন ব্রেকগুলির সঠিকভাবে ট্রিট করার কোনও উপায় আছে ? বা আমি তাদের সাথে প্রতিস্থাপন করতে হবে <br/>?

https://jsfiddle.net/zawyatzt/

Comments

jsfiddle.net/zawyatzt/2

— shas

Answer 1

এটি এইচটিএমএলে নতুন লাইনটি দেখানো এবং ক্যারেজ ফিরিয়ে আনতে হবে, তবে আপনাকে স্পষ্টভাবে এটি করার দরকার নেই। আপনি হোয়াইট স্পেস অ্যাট্রিবিউট প্রাক-লাইন মান সেট করে এটি CSS এ করতে পারেন।

<span style="white-space: pre-line">@Model.CommentText</span>

Comments

white-space: pre-wrapট্যাবগুলির স্থানও ধরে রাখতে চাইলে আপনি ব্যবহার করতে পারেন।

— বিজয় শেগোকার

Answer 2

আপনি সিএসএস white-spaceসম্পত্তি ব্যবহার করতে পারেন \n। আপনি যেমন ট্যাবগুলি সংরক্ষণ করতে পারেন \t।

লাইন বিরতির জন্য \n:

white-space: pre-line;

লাইন ব্রেক \nএবং ট্যাবগুলির জন্য \t:

white-space: pre-wrap;

document.getElementById('just-line-break').innerHTML = 'Testing 1\nTesting 2\n\tNo tab';

document.getElementById('line-break-and-tab').innerHTML = 'Testing 1\nTesting 2\n\tWith tab';

#just-line-break {
  white-space: pre-line;
}

#line-break-and-tab {
  white-space: pre-wrap;
}

<div id="just-line-break"></div>

<br/>

<div id="line-break-and-tab"></div>

Comments

এটি দীর্ঘ সময়ের জন্য উপলব্ধ এবং এটি সমস্ত বড় ব্রাউজার দ্বারা সমর্থিত ।

— ডার্লসন

Answer 3

আপনার প্রশ্ন অনুসারে, এটি বিভিন্ন উপায়ে করা যেতে পারে: - উদাহরণস্বরূপ আপনি ব্যবহার করতে পারেন:

আপনি যদি পাঠ্যের ক্ষেত্রে একটি নতুন লাইন toোকাতে চান তবে আপনি এটি চেষ্টা করতে পারেন: -


লাইন ফিড এবং 
ক্যারিজ ফেরত

<textarea>Hello &#10;&#13;Stackoverflow</textarea>

আপনি <pre>---</pre>প্রিফর্ম্যাট করা পাঠ্যও করতে পারেন ।

<pre>
     This is Line1
     This is Line2
     This is Line3
</pre>

অথবা, আপনি <p>----</p>অনুচ্ছেদ ব্যবহার করতে পারেন

<p>This is Line1</p>

<p>This is Line2</p>

<p>This is Line3</p>

দ্রষ্টব্য: আপনি যদি ব্যবহার করতে চান তবে আপনাকে \nসার্ভার সাইড ল্যাঙ্গুয়েজ সমর্থন করতে Xampp বা অ্যাপাচি এর মতো একটি সার্ভার ইনস্টল করতে হবে

Comments

আপনি দয়া করে আপনার শেষ নোটটি বিস্তারিত বলতে পারেন? আপনি বুঝতে পারছেন না কেন এর জন্য সার্ভার সাইড সমর্থন প্রয়োজন ...

— শেডো

এখানে বেশিরভাগ বাক্যটি উদ্দেশ্যমূলকভাবে মিথ্যা, যেমন আরও বেশ কয়েকটি উত্তর প্রমাণ করেছে। এমনকি এটি স্থানীয়ভাবে সমর্থিত না হলেও, আপনি সহজেই ক্লায়েন্ট-সাইড জাভাস্ক্রিপ্ট দিয়ে এটি পরিবর্তন করতে পারেন।

— জন মন্টগোমেরি

Answer 4

আপনি <pre>ট্যাগ ব্যবহার করতে পারে

<div class="text">
<pre>
  abc
  def
  ghi
</pre>
  abc
  def
  ghi
</div>

Answer 5

আপনি <pre>ট্যাগ ব্যবহার করতে পারেন :

<div class="text">
<pre>
abc
def
ghi
</pre>
</div>

Answer 6

ব্যবহারের white-space: pre-lineসাহায্যে আপনি পাঠ্য ব্যবহার না করেই লাইন বিরতিতে সরাসরি HTML এ ইনপুট করতে পারবেন\n

যদি আপনি innerTextজাভাস্ক্রিপ্টের মাধ্যমে কোনও প্রাক-প্রাক উপাদান যেমন-এর উপাদানটির সম্পত্তি ব্যবহার করেন <div>তবে \nমানগুলি <br>ডিওমে ডিফল্টর সাথে প্রতিস্থাপন করা হবে

• innerText: \nসঙ্গে প্রতিস্থাপন<br>
• innerHTML, textContent: স্টাইলিং ব্যবহার প্রয়োজন requirewhite-space

এটি আপনার পাঠ্যটি কীভাবে প্রয়োগ করছে তার উপর নির্ভর করে তবে বিভিন্ন বিকল্প রয়েছে

const node = document.createElement('div');
node.innerText = '\n Test \n One '

Answer 7

সরল এবং রৈখিক:

 <p> my phrase is this..<br>
 the other line is this<br>
 the end is this other phrase..
 </p>

Answer 8

আপনার লাইন ব্রেকগুলি প্রতিস্থাপনের বিষয়টি বিবেচনা করা উচিত <br/>। এইচটিএমএলে একটি লাইন বিরতি কেবল আপনার কোডের নতুন লাইনের জন্য দাঁড়াবে।

বিকল্পভাবে আপনি কিছু অন্যান্য এইচটিএমএল মার্কআপগুলি ব্যবহার করতে পারেন যেমন অনুচ্ছেদে আপনার লাইন স্থাপন করা:

<p>Sample line</p>
<p>Another line</p>

বা অন্যান্য চাদরে উদাহরণস্বরূপ পছন্দ <div>sample</div>CSS অ্যাট্রিবিউট সাথে display: block।

আপনি ব্যবহার করতে পারেন <pre>। এর বিষয়বস্তুতে preএটি এইচটিএমএল স্টাইলিং উপেক্ষা করা হবে। অন্য কথায় এটি সাধারণ \nব্র্যাকলাইন সহ খাঁটি এইচটিএমএল প্রদর্শন করবে