Шрифт Вопрос тега в летней заметке

<font style="background-color: rgb(255, 255, 0);" color="#ff0000">Write something</font>

Вышеприведенный тег сгенерирован Summernote; свойство color вышло за пределы атрибута style. Как я могу исправить эту проблему?» Кто-нибудь сталкивался с той же проблемой, что и я, если вы нашли, дайте мне знать, это мне очень поможет

Использование

с атрибутом стиля <span> вместо тегов <font> является более современным и широко поддерживается. Вы можете переопределить поведение summernote по умолчанию для форматирования и обеспечить генерацию <span> вместо <font>.

$('#summernote').summernote({
  toolbar: [
    ['style', ['bold', 'italic', 'underline', 'clear']],
    ['color', ['color']],
    ['para', ['ul', 'ol', 'paragraph']],
  ],
  popover: {
    color: [
      ['red', 'green', 'blue'],  
      ['#800000', '#013220', '#00008B'],  
    ],
  },
  callbacks: {
    onChange: function(contents) {
      // replacing <font> tag with <span> tag

      const fixedContents = contents.replace(
        /<font([^>]*?)color="([^"]*?)"/g,
        '<span$1 style="color:$2;"'
      ).replace(/<\/font>/g, '</span>');
      console.log(fixedContents);            // for debugging
    },
  },
});
Вернуться на верх