CKEditor 5设置编辑器高度

选中文字可对指定文章内容进行评论啦,→和←可快速切换按钮,绿色背景文字可以点击查看评论额。

CKEditor 5提供的几种编辑器,它们的高度是随着内容变化的,官方没有提供设置编辑器高度的参数配置。如果要给编辑器固定高度有以下两种做法。

对于经典版(classic editor build),可以通过CSS:

.ck-editor__editable_inline {
  height: 200px;
}

对于所有版本,可以通过js来设置:

editor.editing.view.change( writer => {
    writer.setStyle( 'height', '200px', editor.editing.view.document.getRoot() );
} );

版权声明:著作权归作者所有。

请问兄弟对ckeditor编辑器写代码怎么看待呢
相关推荐

iOS11固定UISearchBar在导航栏的高度

iOS 11重新设计了UISearchBar,四个角改为圆角,高度变大。在导航栏添加搜索框可能会导致导航栏高度变大,所以有必要固定UISearchBar的高度。固定搜索栏的高度为44let searchBar = UISearchBar()  //配置searchBar相关代码 navigationItem.titleView =&nbs

配置JVM查看JIT编译机器码

JVM配置查看JIT编译机器码的选项:-XX:+UnlockDiagnosticVMOptions -XX:+PrintAssembly 查看特定的方法-XX:+UnlockDiagnosticVMOptions -XX:CompileCommand=print,*MyClass.myMethod

Spring Boot设置服务器的端口

Spring Boot默认内嵌的web服务器为tomcat,端口为8080。如果想修改内嵌tomcat插件的端口有三种方式:在application.properties里修改在java的启动脚本里设置在java代码里设置在application.properties设置server.port=9999 如果是application.yml,设置如下:server:  &nbs

代码编辑器monaco-editor用法入门

monaco editor是微软开源的一款web版代码编辑器。它支持智能提示,代码高亮,代码格式化。这里简单介绍下它的用法。1、下载安装monaco-editornpm install monaco-editor下载后,安装目录为node_modules/monaco-editor/。2、添加loader.js脚本到页面在集成monaco-editor的页面,添加&l

Laravel 5的Intervention Image上传处理图片内存设置

在PHP处理图片是一个耗内存的任务。如果没有设置合适的内容,使用Intervention Image可能会导致异常。在php.ini有三个参数需要设置:memory_limit设置内存大小,可以设置为256M。3000 x 2000 像素的图片缩写为300 x 200像素需要32M。upload_max_filesize现在上传图片的大小

Linux vim编辑器的配置及使用

Linux自带的编辑器有nano和vi,但vi编辑器使用起来很不方便,我们需要先下载vim编辑器,它是vi编辑器的升级版,更人性化些,接下来笔者就教大家如何在树莓派系统下安装和配置vim。安装更新apt源:sudo apt-get update安装vim编辑器:sudo apt-get install vim未配置vim时文档的显示无高亮,无行号,必须使用shift+:在命令模式下q退出。vim编

Angluar 11集成CkEditor 5

CkEditor 5提供了5种即用型的编辑器,分别是Classic editorInline editorBalloon editorBalloon block editorDocument editor版本说明CkeEditor 5也提供可Angular的Component,npm包是ckeditor5-angular,分为两个主版本:版本 1.x.x :适用于 Angular 5-8。Angu

理解CKEditor5的schema

我们知道,CKEditor5是一个用MVC架构设计的富文本编辑器。如上图所示,三层分别是:Model,Controller, View首先,第一个问题是schema属于那一层?经过官方文档的初步学习,我们可以看到:editor.model.schema; // -> The model's schema.因此,我们可以得出结论:schema属于模型层:其次我们需