富文本框ckeditor_4.4.7 文本框的简单使用支持IE11

最新推荐文章于 2021-10-27 10:12:29 发布

原创最新推荐文章于 2021-10-27 10:12:29 发布 · 334 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#富文本框

java细节专栏收录该内容

156 篇文章

订阅专栏

本文介绍如何在网页中集成CKEditor富文本编辑器，并实现内容的动态更新与保存功能。通过具体代码示例，展示了如何初始化编辑器、获取编辑器内容及设置编辑器内容等关键步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>知识库内容编辑</title>
<script type="text/javascript" src="./ckeditor.js"></script>
<script type="text/javascript">
var editor = null;
window.onload = function(){
editor = CKEDITOR.replace('content'); //参数‘content’是textarea元素的name属性值，而非id属性值
}
function saveMethod(){
var cc = CKEDITOR.instances.content.getData();
// var cc=editor.updateElement();
alert(cc);
CKEDITOR.instances.content.setData("11");
}
</script>
</head>
<body>
<form id="detailForm" method="post">
<textarea id="content" name="content"></textarea>
<input type="button" value="保存" id="save" onclick="saveMethod();" />
</form>
</body>
</html>