取得CKEditor內容

取得CKEditor內容

<html>
       <head>
               <meta charset="utf-8">
               <title>CKEditor</title>
               <script src="https://cdn.ckeditor.com/4.17.1/full/ckeditor.js"></script>//使用CKEditor的CDN
       </head>
       <body>
               <textarea id="editor1"></textarea> //CKEditor的textarea標籤
               <script>
                       var editor=CKEDITOR.replace( 'editor1' );//把原本textarea的部分改成CKEditor的編輯器,一定要跟textarea的id或name屬性名稱一樣
                       var str='';
                       editor.on("change",function(data){  //綁定change事件,內容變動就存到str變數
                               str=data.editor.getData();   
                       });
               </script>
               <button onclick="alert(str)">顯示內容</button> //得到的內容就可以自由發揮了
       </body>
</html>