网站内容编辑器(CKEditor使用1.CKEditor官网下载js插件进入官网(组图) )

优采云 发布时间: 2021-12-10 00:22

  网站内容编辑器(CKEditor使用1.CKEditor官网下载js插件进入官网(组图)

)

  CKEditor 介绍

  CKEditor 是新一代 FCKeditor,新开发的版本。 CKEditor 是世界上最好的网页在线文本编辑器之一。由于其惊人的性能和可扩展性,被广泛应用于各大网站。

  可以一起使用的扩展是文件管理器KCFinder

  KCFinder 文件管理器

  KCFinder 类似于 CKFinder。它是CKEditor的开源文件管理器插件。通过该插件,您可以上传、浏览和管理图片、Flash*敏*感*词*等文件。

  

  CKEditor的使用1. CKEditor官网js插件下载

  进入官网

  

  如上图,官方提供了3种下载方式:

  npm install --save @ckeditor/ckeditor5-build-classic

  备注:当前最新版本v11.2.0

  2. CKEditor 安装与使用

  介绍CKEditor的js文件

  在页面中使用CKEditor

  

描述:

ClassicEditor

.create( document.querySelector( '#editor' ), {

// toolbar: [ 'heading', '|', 'bold', 'italic', 'link' ]

} )

.then( editor => {

window.editor = editor;

} )

.catch( err => {

console.error( err.stack );

} );

  HTML 特定示例:

  

CKEditor 5 – classic editor build sample

The three greatest things you learn from traveling

<p>Like all the great things on earth traveling teaches us by example. Here are some of the most precious lessons I’ve learned over the years of traveling.

Appreciation of diversity

  Getting used to an entirely different culture can be challenging. While it’s also nice to learn about cultures online or from books, nothing comes close to experiencing cultural diversity in person. You learn to appreciate each and every single one of the differences while you become more culturally fluid.

sample/img/umbrellas.jpg

Leaving your comfort zone might lead you to such beautiful sceneries like this one.

Confidence

  Going to a new place can be quite terrifying. While change and uncertainty makes us scared, traveling teaches us how ridiculous it is to be afraid of something before it happens. The moment you face your fear and see there was nothing to be afraid of, is the moment you discover bliss.

ClassicEditor

.create( document.querySelector( &#39;#editor&#39; ), {

// toolbar: [ &#39;heading&#39;, &#39;|&#39;, &#39;bold&#39;, &#39;italic&#39;, &#39;link&#39; ]

} )

.then( editor => {

window.editor = editor;

} )

.catch( err => {

console.error( err.stack );

} );

</p>

  显示效果

  

0 个评论

要回复文章请先登录注册


官方客服QQ群

微信人工客服

QQ人工客服


线