ckeditor jquery是一款非常優秀的HTML編輯器插件,通過它我們可以快速地創建一個可視化的編輯器并且銷售我們網站的用戶。
這里將介紹如何在HTML中使用ckeditor jquery。
首先,我們需要引入必要的JS和CSS文件。其中JS文件包括jquery文件和ckeditor文件。
<!-- 引入jquery文件 --> <script src="http://cdn.staticfile.org/jquery/2.1.4/jquery.min.js"></script> <!-- 引入ckeditor文件 --> <script src="http://cdn.ckeditor.com/4.5.11/standard/ckeditor.js"></script>然后,我們定義一個textarea標簽,它就是我們的編輯器所在的位置。
<textarea id="editor1" name="editor1"></textarea>接下來,我們需要初始化ckeditor jquery。具體來說,我們需要調用ckeditor函數,傳入之前定義好的textarea的id屬性,并且在此函數中,我們可以定義編輯器的一些基本的行為、樣式等等。
<script type="text/javascript"> $(document).ready(function() { CKEDITOR.replace('editor1',{ // 設置編輯器高度 height: 500, // 隱藏右下角的調整大小按鈕 resize_enabled: false, // 定義默認語言 defaultLanguage: 'en', // 是否允許拖動元素 disableNativeDragDrop: true, // 配置字體 font_names: '宋體/宋體;黑體/黑體', // 配置字號 fontSize_sizes: '12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;32/32px;48/48px;72/72px;', // 自動往表單中加入數據 enterMode: CKEDITOR.ENTER_BR }); }); </script>至此,一個基本的ckeditor jquery編輯器就已經完成了。它將具備良好的樣式和行為,以及豐富的字體和字號等等屬性。從而提高了網站用戶編輯文章的體驗和效率。