缘起: 今天我公司项目之前使用的编辑器功能不够 于是我们使用了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'
});
页面效果: