Я хочу установить пользовательские размеры шрифта в редакторе перьев с помощью Prime NG. Я использую Angular 9.1. Я обновил свое приложение с Angular 5 до Angular 9. В Angular 5 оно работает нормально, но после обновления до Angular9 перестало работать.
Вот что я сделал в своем html-коде:
<p-editor id="id" [maxlength]="maxLength" (onTextChange)="sample($event)"
spellcheck="true">
<p-header>
<span class="ql-formats">
<select class="ql-size">
<option value="8px">small</option>
<option value="9px">9</option>
<option value="10px">10</option>
<option value="12px">12</option>
<option value="14px">14</option>
<option value="16px">16</option>
<option value="18px">18</option>
<option value="20px">20</option>
<option value="22px">22</option>
<option value="24px">24</option>
<option value="26px">26</option>
<option value="28px">28</option>
<option value="36px">36</option>
<option value="48px">48</option>
<option value="72px">72</option>
</select>
</span>
<span class="ql-formats">
<button class="ql-bold q1-box first" aria-label="Bold" title="Bold"></button>
<button class="ql-italic q1-box" aria-label="Italic" title="Italic"></button>
<button class="ql-underline q1-box" aria-label="Underline" title="Underline"></button>
<button class="ql-strike q1-box" aria-label="Strikethrough" title="Strikethrough"></button>
<button class="ql-list q1-box" value="ordered" type="button" title="Number bullets"></button>
<button class="ql-list ql-active q1-box" value="bullet" type="button" title="Bullets"></button>
</span>
<span class="ql-formats">
<button class="ql-align ql-align-left q1-box" title="left" value=""></button>
<button class="ql-align ql-align-center q1-box" title="center" value="center"></button>
<button class="ql-align ql-align-right q1-box" title="right" value="right"></button>
<!--<select class="ql-align q1-box" title="Alignment"></select>-->
<button class="ql-indent q1-box" value="+1" title="Right indent"></button>
<button class="ql-indent q1-box last" value="-1" title="Left indent"></button>
</span>
<span class="ql-formats">
<button class="ql-link" aria-label="Indent" title="Link"></button>
</span>
</p-header>
</p-editor>
И мой код файла TS
constructor() {
var fontSizeStyle = Quill.import('attributors/style/size');
fontSizeStyle.whitelist = [
'8px', '9px', '10px', '12px', '14px', '16px', '18px', '20px', '22px', '24px', '26px', '28px', '36px', '48px', '72px'
];
Quill.register(fontSizeStyle, true);
}
Размеры шрифта видны в раскрывающемся списке, но размер текста не меняется при выборе. Может ли кто-нибудь помочь мне в этом?
