Hallo! Selamat Datang di Marketplace produk digital, Freelancer terbaik di indonesia (67478 Members, 783 Products, 5290 Topic, 12955 Comments)

Menambahkan summernote.css / summernote.js kedalam swarakalibata 3.3

Dibuat
Login Terakhir 5 Bulan lalu,
Telah Dilihat 2516 Kali
Yakobus sutejo Mengatakan : Sultan Account 
  1. Saya mencoba untuk menambah text editor dengan summernote, mengapa tidak bisa tampil?
  2.  
  3. Didalam file index.php saya tambahan sbb:
  4. Pada header : 
  5. <head>.....
  6. <link rel="stylesheet" href="assets/dist/css/AdminLTE.min.css">
  7.     <!-- iCheck -->
  8.     <link rel="stylesheet" href="assets/plugins/iCheck/square/blue.css">
  9.  
  10.     <!-- Tambahan Tejos: summernote -->
  11.     <link rel="stylesheet" href="assets/dist/css/summernote.css">
  12. </head>
  13.  
  14. Lalu pada body:
  15. <body>
  16. ....
  17. <!-- Bootstrap 3.3.5 -->
  18.     <script src="assets/bootstrap/js/bootstrap.min.js"></script>
  19.     <!-- Summernote -->
  20.     <script src="assets/dist/js/summernote.js"></script>
  21.  
  22.     <script>
  23.             $(document).ready(function () {
  24.                 $('.konten').summernote({
  25.                     height: 150, // set editor height
  26.                     minHeight: null, // set minimum height of editor
  27.                     maxHeight: null, // set maximum height of editor
  28.                     focus: true, // set focus to editable area after initializing summernote
  29.                     toolbar: [
  30.                         ['style', ['style']],
  31.                         ['font', ['bold', 'italic', 'underline', 'clear']],
  32.                         ['fontname', ['fontname']],
  33.                         ['color', ['color']],
  34.                         ['para', ['ul', 'ol', 'paragraph']],
  35.                         ['height', ['height']],
  36.                         ['table', ['table']],
  37.                         ['insert', ['link', 'hr']],
  38.                         ['view', ['fullscreen', 'codeview']]
  39.                     ],
  40.  
  41. 					onPaste: function (e) {
  42.                         var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');
  43.                         e.preventDefault();
  44.                         setTimeout(function () {
  45.                             document.execCommand('insertText', false, bufferText);
  46.                         }, 10);
  47. 					 }
  48.  
  49.  
  50.  
  51.                 });
  52.  
  53.  
  54.             });
  55.         </script>
  56.  
  57.  
  58.      <!-- iCheck -->
  59. </body>
  60.  
  61. Lalu pada file input maupun edit, didalam textarea saya buat seperti ini :
  62.  
  63. <tr><th width='120px' scope='row'>Nama</th>    
  64.         <td>
  65.            <textarea class='form-control konten' name='b' ></textarea>
  66.         </td>
  67.  </tr>
  68.  
  69. Apanya yang salah ya...
  70. Mengapa tidak bisa tampil?
  71.  
  72. Terima kasih

Ada 3 Jawaban

PHPMU.COM Support
commented on 16 Feb 2017 19:59:56		 
  1. Assalam, ini saya bisa mas,..
  2. tinggal include 2 file saja pada "administrator/media.php" di atas tag </head> :
  3. <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.css" rel="stylesheet">
  4. <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.2/summernote.js"></script>
  5.  
  6. dan tempatkan kode berikut di atas tag "</body>" : 
  7. <script>
  8.   $(document).ready(function() {
  9.       $('.konten').summernote();
  10.   });
  11. </script> 
  12.  
  13. Selanjutnya non akttifkan ckeditor dan jQuery-2.1.4 di media.php atau baiknya hapus saja :
  14. <script src="../ckeditor/ckeditor.js"></script>
  15. <script src="assets/plugins/jQuery/jQuery-2.1.4.min.js"></script>
  16.  
  17. Selanjtunya silahkan coba lagi, berikut kita lampirkan juga hasil percobaan kita disini,..
Terdapat 1 File dilampirkan :
1. hasil_testing_summernote.jpg (203 KB)
PHPMU.COM Support
commented on 16 Feb 2017 20:01:14		 
  1. saya lampirkan juga file media.php yang sudah diubah,.. :)
Terdapat 1 File dilampirkan :
1. media.zip (2 KB)
Yakobus sutejo
commented on 01 Mar 2017 13:19:39		 
  1. Terima kasih mas Robby sudah bisa...
  2. sekali lagi terima kasih
Maaf, Untuk Memberikan Komentar Anda Harus Login !!!

CV Asktech Indonesia

Cari Produk Digital, Freelancer Terbaik dan Terpercaya di Indonesia

CV Asktech Indonesia
Jl. Angkasa Puri, Perundam V, Tunggul Hitam
Padang 25176 - Indonesia

Telp./Fax. (0751) 461695
Phone/WA. +62-812-6777-1344
E-mail robby.prihandaya@gmail.com

Tentang Kami

Jam Layanan

  • Senin - Jum'at: 09:00 - 17:00 WIB
  • Sabtu - Minggu: 09:00 - 15:00 WIB

Knowledgebase