Я новичок в StackOverflow, извините, пожалуйста, за любые опечатки.
Что ж, я разрабатываю приложение angular 6, в котором у меня установлен редактор tinyMCE версии 5, как показано ниже:
tinymce.init({
selector: '.TinyMCE',
mode: 'exact',
height: 150,
menubar: false,
theme: 'silver',
statusbar: false,
plugins: 'placeholder',
content_style:
'#tinymce-body { min-height: 0px; } .mce-content-body { color: rgba(101, 99, 93, 1); overflow-x: hidden !important; }',
body_id: 'tinymce-body',
toolbar: 'bold underline italic addAttachment',
valid_elements: 'strong/b,i/italic,p,br',
inline_styles: false,
formats: {
underline: { inline: 'u', exact: true },
italic: { inline: 'i', exact: true },
bold: { inline: 'b', exact: true }
},
elements: this.elementID,
setup: this.tinyMCESetup.bind(this),
// setup: this.getSetup,
});
Функция настройки ...
tinyMCESetup(ed) {
ed.on('keyup', this.tinyMCEOnKeyup.bind(this));
this.editor = ed;
//starts here
ed.ui.registry.addButton('Bold', {
text: '',
onAction: () => {
ed.execCommand('Bold');
return false;
}
});
}
Однако, когда я отправляю содержимое в после выбора текста в редакторе, а выделение его жирным шрифтом не работает, я имею в виду, когда я отлаживаю свое приложение, оно просто отправляет text as.
<p>Hello</p>
Однако я ожидаю, что в нем будет
<p><strong>Hello</strong></p>
Прилагается скриншот моего редактора tinyMCE, встроенного в приложение чата angular 6.
картинка tinyMCE