Cara Mudah Memasang Ckeditor Plugin Didalam Textarea

User friendly yakni suatu hal yang betul-betul urgen pada membangun suatu blog atau program dengan menggunakan blog, kita selaku developer mesti tahu keperluan dari user dan bagaimana desain yang bagus bagi usersesuai dengan keinginan user itu sendiri, disini saya akan mengajarkan mengenai cara gampang memasang ckeditor plugin didalam textarea.



Kini timbul pertanyaan, apa itu ckdeitor, ckeditor adalah diantara plugin WYSIWYG (what you see is what you get), dimana dengan menggunakan plugin ini kita dapat dengan gampang menuliskan text menurut keinginan kita sesuai dengan sistem microsoft office word, jadi dengan plugin ini user awam pun dapat mengoprasikannya,karena toolsnya kurang lebih sama dengan office word, nah mungkin kita seketika saja di praktek bagaimana cara memasangnya.



Pertama-tama-teman teman-teman mesti mempubyai plugin ckeditor yang dapat teman-teman unduh disini blog resmi ckeditor http://ckeditor.com/, seandainya telah teman-teman dapat ekstrak ckeditor.zip yang tadi teman-teman unduh, lalu bikin 1 folder dan letakan forlder ckeditor tadi didalam folder yang baru saja kita bikin, lalu kini teman-teman dapat bikin file html didlam folder tersebut dan ketikan script berikut ini :



<!document html>
<html>
<head>
<title></title>
<link rel=stylesheet href=ckeditor/contents.css type=text/css/>
<script type=text/javascript src=https://code.jquery.com/jquery-3.2.1.min.js></script>
        <script type=text/javascript src=ckeditor/ckeditor.js></script>
</head>
<body>
<label><b>Artikel</label>
<textarea rows='15' name='artikel' id='content'></textarea>

<script type='text/javascript'>
          var editor = CKEDITOR.replace('content');
          CKFinder.setupCKEditor(editor, 'ckfinder/');    
          </script>
</body>
</html>


Step pertama-tama kita mesti mereload library yang dibutuhkan yaitu core dari jquery yang dapat kita ambil dari jquery.com lalu kita menghubungkan library jquery ckeditornya dan juga cssnya, seandainya teman-teman save karenanya hasilnya akan seperti berikut ini :



User



gimana teman-teman, lumayan gampang bukan, dengan menggunakan ckeditor ini kita dapat merancang format inputan seperti halnya word di ms office, oke teman-teman saya kira bagi panduan kali ini mengenai cara gampang memasang ckeditor plugin didalam textarea lumayan hingga disini dulu, semoga panduan yang singkat ini dapat bermanfaat bagi teman-teman semuanya, hingga bertemu lagi di panduan berikutnya, ingat, jangan pernah bosan bagi terus belajar.



Terima kasih




Sumber https://kursuswebsite.org

Popular posts from this blog

Cara Menghapus Isi Dari Form Input Menggunakan Javascript

Membuat Form Menarik Menggunakan HTML dan CSS