项目中 toolbar 是抽离出来一个单独文件配置工具栏控件的,toolbar.js:
const toolbar = [
'styleselect fontselect fontsizeselect formatselect searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent blockquote undo redo removeformat subscript superscript',
'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime table emoticons forecolor backcolor code codesample fullscreen'
export default toolbar
自定义行距,首先,在 toolbar中添加styleselect配置项:

加入之后,工具栏看到了格式配置项:

在初始化init方法中重写style,添加设置:
style_formats: [
title: "Line Height",
items: [
{ title: "1", block: "p", styles: { "line-height": "1.0" } },
{ title: "1.5", block: "p", styles: { "line-height": "1.5" } },
{ title: "1.75", block: "p", styles: { "line-height": "1.75" } },
{ title: "2", block: "p", styles: { "line-height": "2" } },
{ title: "3", block: "p", styles: { "line-height": "3" } },
{ title: "4", block: "p", styles: { "line-height": "4" } },
{ title: "5", block: "p", styles: { "line-height": "5" } }
],
style_formats_merge: false,
style_formats_autohide: true,
设置了行距为2的效果:
style_formats_merge属性是可以设置TinyMCE,是将style_formats设置中的样式附加到默认样式格式还是完全替换它们。
设置为true,将设置的样式附加到默认样式,如下图:

设置为false,将设置的样式完全替换默认样式,如下图:

关于TinyMce中内容编辑器“p”标签行间距过大的调整
前段时间在做公司的新项目的时候用到了tinymce富文本编辑器,看起来是挺好看的,网上的评价也很高,但是我使用下来发现问题也是有一些的,
其中较为难受的的是文本框中内容每一次ENTER换行行间十分大,看起来十分不美观,在网上多次浏览后发现了一些和我有相同问题的人,部分网友指出设置 “ forced_root_block:''...
此页更新时间:2020-01-29 19:27有关格式工具的相关配置:block_formats(区块列表)用于配置“菜单:格式→区块”中的选项(非菜单:格式→格式→区块)。它的值形如:title=block,多个用分号分隔。取值:String默认:'Paragraph=p;Heading 1=h1;Heading 2=h2;Heading 3=h3;Heading 4=h4;Heading 5=...
tinymce-plugins
因为项目需要用到富文本编辑器众多富文本编辑器中,选择了 Tinymce,根据项目需要对Tinymce 进行扩展和增强插件,记录一下,并同时分享给需要帮助的人。
tinymce 官方文档
tinymce 中文文档
本插件集合地址
This is tinymce plugins
该项目主要为 tinymce 富文本编译器的扩展插件,或增强优化插件
目前整理完成的插件列表如下:
imagetools [增强优化]: 图片编辑工具插件, 对图片进行处理。优化跨域,功
tinyMCE 富文本编辑器 line-height 行高插件。
tinyMCE富文本编辑器line-height行高插件,下载后放在tinyMCE插件的plugins文件夹中,之后初始化中引入plugins,即可在toolbar中展示
tinyMCE line-height 行高插件
导读:UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,功能强大,可定制,是一款优秀的国产在线富文本编辑器,编辑器内可插入图片、音频、视频等。
一、UEditor自定义工具栏效果图如下:
二、UEditor富文本编辑器环境搭建及项目引用
环境搭建不再赘述,请自行查阅或者参考以下链接
1.UEditor官网:http://ueditor.baid...
博主在使用WP的插件TinyMCE Advanced进行编辑时,发现使用回车后会增加P标签,这样会让段落行间距变的很大,让有美观强迫症的博主无法忍受。那么如何变成原本的<br
/>标签呢?原来搜索出force_p_newlines : f