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

这里是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

下载方法:
1、请扫描下面二维码关注时代Java公众号,或者微信搜索时代JavaNowJava关注。
    (如已经关注,请直接发送编号)
2、在公众号里发送编号:5903
3、发送后,请选择线路下载:通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表,未经许可,不得转载。

如有侵权,请联系nowjava@qq.com删除。

编辑于

关注时代Java

关注时代Java