quill-blot-formatter icon indicating copy to clipboard operation
quill-blot-formatter copied to clipboard

Add more fonts to Quill

Open andresud opened this issue 3 years ago • 0 comments

Hello good people... I added this to Quill, however Font doesn't change, other functions works fine... any ideas??

<quill-editor [(ngModel)]="content" trackChanges="all" [modules]="modules" (onEditorCreated)="addBindingCreated($event)"

<div quill-editor-toolbar>
  <span class="ql-formats">
    <select class="ql-font">
      <option selected>Sans Serif</option>
      <option value="serif"></option>
      <option value="monospace"></option>
      <option value="inconsolata">Inconsolata</option>
      <option value="roboto">Roboto</option>
      <option value="mirza">Mirza</option>
      <option value="arial">Arial</option>
    </select>
  </span>
  <span class="ql-formats">
    <select class="ql-size">
      <option value="small"></option>
      <option selected></option>
      <option value="large"></option>
      <option value="huge"></option>
    </select>
  </span>
  <span class="ql-formats">
    <button class="ql-bold"></button>
    <button class="ql-italic"></button>
    <button class="ql-underline"></button>
    <button class="ql-strike"></button>
  </span>
  <span class="ql-formats">
    <select class="ql-color"></select>
    <select class="ql-background"></select>
  </span>
  <span class="ql-formats">
    <button class="ql-list" value="ordered"></button>
    <button class="ql-list" value="bullet"></button>
    <select class="ql-align">
      <option selected></option>
      <option value="center"></option>
      <option value="right"></option>
      <option value="justify"></option>
    </select>
  </span>
  <span class="ql-formats">
    <button class="ql-link"></button>
    <button class="ql-image"></button>
  </span>
</div>

andresud avatar Apr 28 '21 13:04 andresud