CKEditor 5 进阶设置 图片上传 字体大小 新窗口打开超链接

2022-11-12 18:50 来源: 本站
CKEditor即大名鼎鼎的FCKeditor(文本编辑器),它终于在最近发布新版本了,与增加版本号不同,这次完全把它改名了,更名为CKeditor。CKEditor 5是替代CKEditor 4的最新版本,支持个性化定制功能。

CKEditor即FCKeditor(文本编辑器)。CKEditor 5是替代CKEditor 4的最新版本,支持个性化定制功能。

在线定制,可以根据自己需求创建  CKEditor 5 Online Builder | Create your own editor in 5 steps

图片上传需要用到 CKFinder upload adapter 组件,集成下载压缩包 只需要build/ckeditor.js 单文件即可。

官方文档说明 Text alignment - CKEditor 5 Documentation

 

上传图片后端返回结果参考

{"uploaded":true,"url":"\/users\/img\/221112\/202211121feg87.png"}

 

补全常用习惯性设置

ClassicEditor
                .create(document.querySelector("#cent"), {
                    ckfinder: {
                        uploadUrl: '/img/upload'  //图片上传地址
                    },
                    link: {  //设置超链接打开方式
                        addTargetToExternalLinks: true,
                        decorators: [{
                            mode: 'manual',
                            label: '新窗口打开',
                            attributes: {
                                target: '_blank',
                            }
                        }]
                    },
                    fontSize: { //字体设置
                        options: [
                            12,
                            14,
                            'default',
                            16,
                            18,
                            20,
                            22,
                            24,
                            28,
                            32
                        ]
                    }
                })
                .then(editor => {
                    CKEDITOR = editor;
                })
                .catch(err => {
                    console.error(err.stack);
                })

 

推荐内容
  • PhpSpreadsheet PHPExcel fgetcsv速度对比

    PHP表格读取速度对比,PhpSpreadsheet PHPExcel fgetcsv读取大文件对比。 单读取推荐 PHPExcel,PhpSpreadsheet支持功能更多一些,csv文件 推荐 使用fgetcsv 单独出来处理。

  • CKEditor 5 进阶设置 图片上传 字体大小 新窗口打开超链接

    CKEditor即大名鼎鼎的FCKeditor(文本编辑器),它终于在最近发布新版本了,与增加版本号不同,这次完全把它改名了,更名为CKeditor。CKEditor 5是替代CKEditor 4的最新版本,支持个性化定制功能。

  • iis789隐藏更改响应头Server:Microsoft-IIS/7.5

    现在iis url重写模块基本是必备组件,直接添加规则即可修改出站Server值 1.找到url重写组件 2.新建规则 3.写好规则并保存 变量名RESPONSE_SERVER 模式 .* 操作值就是 显示的Server 可以随便设置

  • 如何做好网站安全指导篇

    1.系统层 搞一个强壮的远程密码 开启防火墙,封闭用不到的端口 改默认远程端口,开启防扫 经常更新系统,保持最新 2.环境层 更新环境最新 比如当前 PHP7,关闭一些用不到的支持组件

  • IIS - 解决设置的404页面对.php无效的问题(No input file specified.)

    问题描述: .php 后缀地址报错No input file specified 环境iis7.5 解决办法: (1)打开IIS管理器,选择需要设置404页面的网站,双击打开右侧的处理程序映射按钮。 (2)找到php条目后双击。 (

  • linux服务器添加多ip的方法(centos系统)

    1、利用putty工具连接到服务器。 2、输入:vi /etc/sysconfig/network-scripts/ifcfg-eth0 回车。 3、输入i进行编辑 4、假如小明的vps主ip为123.123.123.1,购买了3个ip分别是123.123.123.2、123.123.123.3、123.