tinymce文本编辑器如何删除子菜单

缘起: 今天我公司项目之前使用的编辑器功能不够 于是我们使用了tinymce 这款编辑器, 上线后 出现一个问题就是 由于我们文本编辑器是直接输出html结构到页面,并且在页面顶部有一个由 H1包裹的标题, 所以此时文本编辑器中是不能再有h1这个标签的

 解决办法:在 tinymce 的中文网上去查找 只找到了这个方法:

tinymce.init({
    selector: '#textarea1',
    formats:{
        h1:{block:'p',classes:'class1'},
    }
});

后发现这个方法只是将H1标签转为了 p标签并且给p标签添加了一个类名。

后面再 tinymce 的官方网站上 发现了一个 API 叫 block_formats


block_formats 这个方法就是用于改变用户格式控件, 并且说明 该选项定义要在blocks下拉工具栏按钮和blocks菜单项中显示的格式

解决:


tinymce.init({
  selector: 'textarea', 
  height: 300,
  block_formats: '段落=p; H2=h2; H3=h3; H4=h4; H5=h5; H6=h6'
});

页面效果:

 此时 不仅去除了 标题1这个H1标签, 并且 还可以更改 下拉菜单的 title 文字

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值