ckeditor安装及使用

最新推荐文章于 2024-10-02 09:38:08 发布

绚丽星空

最新推荐文章于 2024-10-02 09:38:08 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： J2EE Html/Js/CSS 文章标签： ckeditor html

本文链接：https://blog.youkuaiyun.com/xubuhang/article/details/78608604

Html/Js/CSS 同时被 2 个专栏收录

4 篇文章

订阅专栏

J2EE

1 篇文章

订阅专栏

本文介绍 CKEditor 4.7.3 的使用案例，展示如何将普通文本区域转换为富文本编辑器，并通过 JavaScript 实现内容保存功能。

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

https://ckeditor.com/

<!DOCTYPE html>
<!--
Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license
-->
<html>
<head>
	<meta charset="utf-8">
	<title>CKEditor Sample</title>
	<script src="../ckeditor.js"></script>
	
	<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>
	
</head>
<body id="main">
<textarea cols="80" id="Text" name="Text" rows="20">这里是默认值，修改文本的内容是放在这里。html需要进行HTMLEncode编码</textarea>   
<button onclick="OnSave()"> 保存 </button>
 <script type="text/javascript">   
 var editor = CKEDITOR.replace('Text');   
   
function OnSave(){  
        if(CKEDITOR.instances.Text.getData()==""){  
        alert("内容不能为空！");  
        return false;  
        }else {  
        alert (CKEDITOR.instances.Text.getData());  
        }  
    }  
 </script>  

</body>
</html>