KindEditor 是輕量級開源線上 HTML 編輯器,整合步驟如下:
官網下載壓縮包,解壓上傳至網站目錄(如 /kindeditor/)。
<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>



var html = K.html('#editor_id'); // 或 K.sync('#editor_id'); 同步到 textarea

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