JetibenRong

JetibenRong

我想有那么一段时光,可以在面朝大海的房车里煮上一杯咖啡,看看曾写过的代码

JTBC5.0编辑器添加行高并自定义

本文发布于:2022-12-02

JTBC5.0编辑器添加行高并自定义

自5.5.0开始tinymce已在核心中集成行高,无需引用插件了

源码中默认行高的定义:

("line_height_formats",{processor:"string",default:"1 1.1 1.2 1.3 1.4 1.5 2"})

见文件:\Public\common\assets\js\vendor\tinymce\themes\silver\theme.min.js

如何实现启用并自定义

修改编辑器配置文件:\Public\common\assets\js\components\jtbc\jtbcEditor\jtbcEditor.js

插件配置中添加lineheight

plugins: 'advlist lineheight link

工具配置中添加lineheight

toolbar2: 'table bullist numlist outdent indent lineheight| link

自定义行高

line_height_formats: '1 1.2 1.25 1.5 1.75 2 2.5 3',

这句加在toolbar2代码下一行

 

然后浏览器打开js文件强制刷新

文件网址http://www.xxxx.com/common/assets/js/components/jtbc/jtbcEditor/jtbcEditor.js

Ctrl+F5强制刷新

再返回编辑器所在页面,刷新即可。

添加行高后源码查看

 

来源:https://blog.jtbc.com.cn/article/?type=detail&id=36

JetibenRong

JetibenRong

我想有那么一段时光,可以在面朝大海的房车里煮上一杯咖啡,看看曾写过的代码

联络

标签

链接