Tiny MCE. Тег h3 только блочный
Как сделать чтобы при выборе формата h3 в созданной мною кнопке, формат h3 был не block, а inline?
код на странице, сейчас формат h3 "блоковый".
tinymce.init({
selector: '#tinymce_editor',
formats: {
h3: {
block: 'h3'
},
},
plugins: [
"buttons_plugin"
],
toolbar: "bigHbutton",
setup: function(editor) {
}
});
замена
h3: { block : 'h3' },
на
h3: { inline : 'h3' },
не помогает
кнопка подключается через плагин buttons_plugin код плагина buttons_plugin.
tinymce.PluginManager.add('buttons_plugin', function(editor) {
var state;
// Actions to do on button click
function my_action() {
state = !state; // Switching state
editor.fire('bigHbutton', {
state: state
});
tinymce.activeEditor.formatter.toggle('h3');
}
function toggleState_MyButton() {
var self = this;
console.log('toggleState_MyButton');
editor.on('bigHbutton', function(e) {
console.log('on');
self.active(e.state);
});
}
// Adding the button & command
editor.addCommand('cmd_mybutton', my_action);
editor.addButton('bigHbutton', {
text: 'H',
// image: 'tinymce/plugins/buttons_plugin/img/some16x16icon.png',
title: 'обвернуть в h3 тэг',
cmd: 'cmd_mybutton',
onPostRender: toggleState_MyButton
});
});
Ответы (1 шт):
Автор решения: Roman
→ Ссылка
Вопрос решился добавлением параметра.
formats: {
h3: { inline : 'span', styles:{'font-size': '1.17em', 'margin-top': '1em','margin-bottom': '1em'}
},