📜  清除 ckeditor textarea jquery - Javascript (1)

📅  最后修改于: 2023-12-03 14:56:08.458000             🧑  作者: Mango

清除 CKEditor Textarea jQuery

介绍:这是一个能够清除 CKEditor 中 textarea 内容的 jQuery 插件。

使用方法

首先,将 CKEditor 和 jQuery 库引入到你的项目中。

<script src="https://cdn.ckeditor.com/4.16.2/standard/ckeditor.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

然后,通过以下步骤清除 CKEditor textarea 内容:

  1. 在你的 HTML 中,创建一个 textarea 元素,并给它一个唯一的 ID:
<textarea id="myTextarea"></textarea>
  1. 使用 CKEditor 将该 textarea 转换为可编辑区域:
CKEditor.replace('myTextarea');
  1. 创建一个按钮或其他交互元素,用于触发清除操作:
<button id="clearButton">清除内容</button>
  1. 使用 jQuery 选择器找到该按钮,并添加一个点击事件处理程序:
$(document).ready(function() {
    $('#clearButton').click(function() {
        CKEditor.instances.myTextarea.setData(''); // 清空 CKEditor 内容
    });
});
  1. 现在,当用户点击清除按钮时,CKEditor textarea 中的内容将被清除。

请确保在页面加载完成后,将事件处理程序添加到按钮上,以确保能够正确选择和操作 CKEditor 实例。

以上代码片段是基于 JavaScript 和 jQuery 实现的清除 CKEditor textarea 内容的方法。你可以按照这个示例进行操作,并根据自己的需求进行修改。

希望对你有所帮助!