Saya tidak bisa mendapatkan Teks dari textarea karena beberapa alasan yang tidak diketahui, jika saya mencoba textarea sederhana tanpa menggunakan pustaka javascript apa pun, itu mendapatkan teks. Tetapi saat menggunakan perpustakaan apa pun, itu menunjukkan tidak terdefinisi. Adakah yang bisa menjelaskan mengapa?

Ini kode saya:

<!DOCTYPE html>
<html>
<body>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>

 <div id="sample">
<!--  <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> <script type="text/javascript">
//<![CDATA[
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
  //]]>
  </script> -->
     
   <h1>
    Testing page for Text Areas
  </h1>

  <textarea id="area2" style="width: 80%;">
</textarea><br />
    <button type="button" onclick="myFunction()" id="submit_text2"> Submit Email </button>

<p id="demo">jkjnjk</p>
</div>
      
<script>
function myFunction() {
  var x = document.getElementById("area2").value;
    document.getElementById("demo").innerHTML = x;
  console.log(x);
    alert(x);
}
</script>
  
</body>
</html>

Di sini, ia mendapatkan dan menampilkan teks di Alert

Sekarang jika saya membatalkan komentar skrip untuk meningkatkan textarea saya menggunakan

<script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> <script type="text/javascript">
//<![CDATA[
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
  //]]>
  </script>
<!DOCTYPE html>
<html>
<body>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/0.71/jquery.csv-0.71.min.js"></script>

 <div id="sample">
  <script type="text/javascript" src="http://js.nicedit.com/nicEdit-latest.js"></script> 
  <script type="text/javascript">
    //<![CDATA[
        bkLib.onDomLoaded(function() { nicEditors.allTextAreas() });
    //]]>
  </script>
     
   <h1>
    Testing page for Text Areas
  </h1>

  <textarea id="area2" style="width: 80%;">
</textarea><br />
    <button type="button" onclick="myFunction()" id="submit_text2"> Submit Email </button>

<p id="demo">jkjnjk</p>
</div>
      
<script>
function myFunction() {
  var x = document.getElementById("area2").value;
    document.getElementById("demo").innerHTML = x;
  console.log(x);
    alert(x);
}
</script>
  
</body>
</html>

Sekarang sudah kosong, (tidak ada masalah dengan skrip, saya sudah mencoba yang lain juga!

0
Malik Atif Aziz 29 Oktober 2019, 16:54

1 menjawab

Jawaban Terbaik

Itu karena ketika Anda menggunakan "styled textarea" itu hanya membuat sesuatu yang lain di atas textarea Anda. Anda perlu menggunakan [nicInstance].getContent(). Anda dapat membaca dokumen NiceEditor di sini

Dalam kasus Anda karena Anda belum menyimpan variabel instance Anda, Anda seharusnya dapat menggunakan nicEditors.findEditor('area2').getContent();

1
Jonathan Lafleur 29 Oktober 2019, 13:59