TinyMCE в приложении angular6 не делает шрифт жирным - PullRequest
0 голосов
/ 17 января 2020

Я новичок в 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

1 Ответ

0 голосов
/ 17 января 2020

Я решил это, изменив ниже свойство init в tinymce.

 schema:'html5',
formats: {

        underline: { inline: 'u', exact: true },
        italic: { inline: 'em', exact: true },
        bold: { inline: 'b', exact: true }
        }

Это помогло мне создать жирный шрифт, itali c и подчеркнуть.

Надеюсь, что это поможет тому, кто нуждается это.

Спасибо

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...