CKEditor、AJAX 保存

Ajax

使用CKEditor和Ajax实现内容保存的简易指南

html
<!-- 引入CKEditor -->
<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.JS"></script>
<!-- 创建一个文本区域作为CKEditor的容器 -->
<textarea id="editor"></textarea>
<!-- 创建保存按钮 -->
<button onclick="saveContent()">保存内容</button>

Javascript
// 初始化CKEditor
CKEDITOR.replace('editor');

Javascript
// 保存内容的函数
function saveContent() {
    // 获取CKEditor中的内容
    var content = CKEDITOR.instances.editor.getData();
    // 使用Ajax将内容发送到服务器
    $.Ajax({
        type: 'POST',
        url: 'save_content.php', // 替换为实际的保存内容的后端处理文件
        data: { content: content },
        success: function(response) {
            alert('内容保存成功！');
        },
        error: function(error) {
            console.error('保存失败：', error);
        }
    });
}

CKEditor是一个流行的富文本编辑器，它本身并不直接支持Ajax保存功能，但可以通过JavaScript与服务器进行交互来实现。通常的做法是在编辑器初始化时添加一个事件监听器，当内容发生变化时，通过Ajax请求将内容发送到服务器进行保存。