时代Java

在线HTML编辑器 CKEditor5 下载和使用方法，支持多种模式。

Xebcnor

工程师 (已认证)

原创分享签约作者

发表于HTML代码

2214

这里是CKEditor 5最新版本+演示实例，其它实例请下载后可查看源码。

CKEditor 5是FCKeditor之后重新开发的版本，是一款专门使用在网页上属于开放源代码的所见即所得文字编辑器。CKEditor是全球最优秀的网页在线文字编辑器之一，因其惊人的性能与可扩展性而广泛的被运用于各大网站。支持IE8以上、Netscape、、Mozilla多种浏览器, 遵循LGPL版权,支持多种脚本语言调用，如asp、asp.net、php、pl、jsp 等,是目前市场使用广泛的一款在线HTML编辑器之一。

更多演示实例：

调用方法代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>CKEditor 5 – classic editor 演示DEMO</title>
    <style>
        body {
            max-width: 800px;
            margin: 20px auto;
        }
    </style>
</head>
<body>

<h1>CKEditor 5 – classic editor build – 演示DEMO</h1>

<div id="editor">
        <h2>演示内容</h2>

<h3>时代Java</h3>

<p><span style="font-size:14px">学习从现在开始，</span></p>

<p><span style="font-size:14px">专注交流分享学习与提高，</span></p>

<p><span style="font-size:14px">紧随技术前沿，</span></p>

<p><span style="font-size:14px">让时代与您同行，</span></p>

<p><span style="font-size:14px">Now start ~~</span></p>

<p><span style="font-size:14px">这个演示是用CKEditor来实现的一个简单文本显示与编辑，也可以看其它演示了解更多功能。</span></p>

<p style="text-align:right"><img src="https://nowjava.com/static/uv/i/nowj_logo_small.png"><a href="https://nowjava.com">时代Java</a></p>

<p style="text-align:right">https://NowJava.com</p>

<p style="text-align:center"><img alt="时代Java微信公众号" src="https://nowjava.com/static/nowjava/qrcode.jpg" style="height:258px; width:258px" /></p>

<p style="text-align:center"><strong>关注时代Java微信公众号</strong></p>
</div>

<script src="../build/ckeditor.js"></script>
<script>
    ClassicEditor.create( document.querySelector( '#editor' ) )
        .then( editor => {
            window.editor = editor;
        } )
        .catch( error => {
            console.error( 'There was a problem initializing the editor.', error );
        } );
</script>

</body>
</html>

classic模式效果图，其它模式查看演示效果：

nowjava.com