萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 電腦基礎知識 >  >> 電腦基本常識

KindEditor 編輯器整合教學:下載、引用、初始化、取值完整範例

KindEditor 是輕量級開源線上 HTML 編輯器,整合步驟如下:

1. 下載與部署

官網下載壓縮包,解壓上傳至網站目錄(如 /kindeditor/)。

2. 頁面引用與初始化

<textarea id="editor_id" name="content" style="width:700px;height:300px;"></textarea>

<script src="/kindeditor/kindeditor-all-min.js"></script>
<script>
  KindEditor.ready(function(K) {
    K.create('#editor_id', {
      // 設定選項:themeType, resizeType, items, uploadJson, fileManagerJson 等
      // 參考官網「編輯器初始化參數」文件
    });
  });
</script>
HTML textarea 放置位置
引用 JS 初始化程式碼
K.create 參數設定

3. 取得編輯器內容

var html = K.html('#editor_id'); // 或 K.sync('#editor_id'); 同步到 textarea
取值程式碼

更多進階配置(上傳、圖片管理、自訂工具列)請參考官網完整文件。

copyright © 萬盛學電腦網 all rights reserved