Угловые не оказывающий курсив

Question

Я использую TinyMCE в серверном, и я настроил его использовать курсивный теги для визуализации курсива:

formats: { 
     bold: {inline: 'b'}, 
     italic: {inline: 'i'} 
    }, 
    valid_elements: "b,i,b/strong,i/em", 

Для интерфейса я использую угловой и когда я визуализацию текста как это:

<div ng-bind-html="article.text" class="article-text"></div> 

текст, который создается имеет курсивный текст и HTML выглядит следующим образом:

<div ng-bind-html="article.text" class="article-text ng-binding"> 
    <p><i>Italic</i> <strong>bold</strong></p> 
</div> 

Но только жирный текст на самом деле полужирный, курсивный текст не выделен курсивом. Как я могу это исправить?

Answer 1

Я использовал тот же код, и он работает нормально, похоже, проблема с некоторыми переопределяющими CSS или некоторыми другими. Пожалуйста, обратитесь к приведенной ниже ссылке. http://www.w3schools.com/code/tryit.asp?filename=FAJRRIYXID6Y