ckeditor 更改值 - Javascript (1)

📌 相关文章

📜 ckeditor 更改值 - Javascript (1)

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

使用 JavaScript 更改 CKEditor 值

CKEditor 简介

CKEditor 是一个流行的 WYSIWYG 编辑器，可以在 Web 应用程序中使用。它是一个开放源代码项目，可以定制和扩展以满足您的需求。

更改 CKEditor 值的方法

您可以使用 JavaScript 更改 CKEditor 内容的值。以下是您可以使用的两种方法：

方式一：通过 `setData` 方法更改

CKEDITOR.instances.editor1.setData('这是新值');

此方法使用 setData 方法将新值传递给指定的 CKEditor 实例。请注意，editor1 应该替换为您的实例名称。

方式二：通过 `getData` 和 `setData` 方法更改

var editor = CKEDITOR.instances.editor1;
var data = editor.getData();
data = '这是新值';
editor.setData(data);

这个方法更复杂一些，因为它首先使用 getData 方法获取当前值，然后将其更改为新值，最后使用 setData 方法将新值传递给 CKEditor 实例。

示例代码

以下是一个简单的示例，演示如何使用 JavaScript 更改 CKEditor 值：

<!DOCTYPE html>
<html>
<head>
	<title>更改 CKEditor 值</title>
	<script src="https://cdn.ckeditor.com/4.16.1/standard/ckeditor.js"></script>
</head>
<body>
	<textarea name="editor1" id="editor1" rows="10" cols="80">
		这是以前的值
	</textarea>
	<button onclick="changeValue()">更改值</button>
	<script>
		CKEDITOR.replace( 'editor1' );

		function changeValue() {
			// 使用方式一更改值
			CKEDITOR.instances.editor1.setData('这是新值');
			// 使用方式二更改值
			//var editor = CKEDITOR.instances.editor1;
			//var data = editor.getData();
			//data = '这是新值';
			//editor.setData(data);
		}
	</script>
</body>
</html>

结论

使用 JavaScript 更改 CKEditor 值非常简单。您可以使用两种方法之一完成任务，具体取决于您的实际需求。无论哪种方法，都需要使用 setData 或 getData 和 setData 方法。