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

最新推荐文章于 2025-11-16 12:53:30 发布

原创最新推荐文章于 2025-11-16 12:53:30 发布 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

富文本框专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用CKEditor进行富文本编辑，包括初始化编辑器、获取编辑器内容等关键步骤，并提供了一个简单的示例程序。

<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>

ckeditor.zip (559.7 KB)
下载次数: 0