fastadmin Tinymce编辑器配置首行缩进

记录：使用fastadmin 的免费插件Tinymce富文本编辑器时，设置首行缩进。

一、找到插件js位置并打开

文件位置：addons\tinymce\bootstrap.js，bootstrapBase.js

二、找到初始化编辑器部分代码，进行自定义配置段落样式

代码如下：

                        style_formats: [//新增 首行缩进与行高 配置{title: '首行缩进',block: 'p',styles: {'text-indent': '2em'}},{title: '行高',items: [{title: '1',styles: {'line-height': '1'},inline: 'span'},{title: '1.5',styles: {'line-height': '1.5'},inline: 'span'},{title: '2',styles: {'line-height': '2'},inline: 'span'},{title: '2.5',styles: {'line-height': '2.5'},inline: 'span'},{title: '3',styles: {'line-height': '3'},inline: 'span'}]},//默认的配置{title: 'Headings',items: [{title: 'Heading 1',format: 'h1'},{title: 'Heading 2',format: 'h2'},{title: 'Heading 3',format: 'h3'},{title: 'Heading 4',format: 'h4'},{title: 'Heading 5',format: 'h5'},{title: 'Heading 6',format: 'h6'}]},{title: 'Inline',items: [{title: 'Bold',icon: 'bold',format: 'bold'},{title: 'Italic',icon: 'italic',format: 'italic'},{title: 'Underline',icon: 'underline',format: 'underline'},{title: 'Strikethrough',icon: 'strikethrough',format: 'strikethrough'},{title: 'Superscript',icon: 'superscript',format: 'superscript'},{title: 'Subscript',icon: 'subscript',format: 'subscript'},{title: 'Code',icon: 'code',format: 'code'}]},{title: 'Blocks',items: [{title: 'Paragraph',format: 'p'},{title: 'Blockquote',format: 'blockquote'},{title: 'Div',format: 'div'},{title: 'Pre',format: 'pre'}]},{title: 'Alignment',items: [{title: 'Left',icon: 'alignleft',format: 'alignleft'},{title: 'Center',icon: 'aligncenter',format: 'aligncenter'},{title: 'Right',icon: 'alignright',format: 'alignright'},{title: 'Justify',icon: 'alignjustify',format: 'alignjustify'}]}],

三、清空缓存，即可测试效果。

效果如下：

fastadmin Tinymce编辑器配置首行缩进相关推荐

在WordPress后台文章编辑器添加首行缩进2字符的按钮
在WordPress后台文章编辑器添加首行缩进2字符的按钮 2016-12-10 14:51 网页设计标签:wordpress 模板代码 2358 发表评论受到z-blog ...
wangEditor配置首行缩进包括缩进及取消缩进功能
wangEditor缩进采用的是padding-left:2em,没有首行缩进功能,因此个人根据官方说明配置了一下,移除了原来的缩进改成了首行缩进. 普通粘贴时基本好用,但是无格式文本粘贴还是只能是全 ...
td 首行缩进_Simditor编辑器，首行缩进功能
最近尝试使用Simditor编辑器,想使用段落首行缩进,没找到这个动能.所以用该编辑器自带的向右缩进功能作为参照,做出了首行缩进的插件. 想要让首行缩进的样式不被过滤掉,在编辑器的设置里边需要给P标签 ...
ＣＳＤＮ中ｍａｒｋｄｏｗｎ编辑器如何实现首行缩进
之前看过很多的人的博客文章,发现其中有的人的博客写的虽然很棒,心里也暗暗有些羡慕他们能写出这样好的文章,但是感觉文章虽然写的不错,但是发现在文章的规范上有些做的不好,就比如:文章的首行缩进,这是其中问 ...
c语言程序如何首行缩进,什么叫代码缩进
框住N行代码按TAB键这样代码有层次感 if (n>0) { //缩进写代码 xxxxxx } 什么是代码的缩进格式?是关于C语言.就是源程序的书写格式,看上去可以更清楚.比如 if(a&g ...
markdown笔记（一）—— 首行缩进和换行
首行缩进全角缩进 // 汉字是全角半角缩进 // 英文是半角其实这个挺形象的,m是两个"孔",n是一个"孔".但是不管怎么说,打这么多字去实现 ...
微信小程序首行缩进 text 标签 text-indent 不起作用
一.y微信小程序首行缩进,text标签中text-indent是不起作用的使用view标签代替text标签,text-indent:2em是可以起到首行缩进作用的. 二.皕杰报表连接数据库失败,请检 ...
php段落首行缩进2字符,WordPress文章段落自动缩进两个字符方法
我们通常写文章时,段落首行都会空两格,可是WordPress自带的编辑器却没有考虑到这一点,导致发布的文章首行都是顶格的,看起来很不习惯. 我们通常的解决方法都是在发布文章时把编辑器切换到" ...
Markdown使用技巧总结——字体，颜色，字号，背景，首行缩进等
Markdown 常用技巧: 2015/12/19 16:05:18 换行: 方法1: 连续两个以上空格+回车方法2:使用html语言换行标签:<br> 首行缩进两个字符:(每个表示一个 ...

fastadmin Tinymce编辑器配置首行缩进

一、找到插件js位置并打开

二、找到初始化编辑器部分代码，进行自定义配置段落样式

三、清空缓存，即可测试效果。

fastadmin Tinymce编辑器配置首行缩进相关推荐

最新文章

热门文章