Редактор Quill WYSIWYG — добавление атрибутов к кнопкам

Как добавить атрибуты к кнопкам в редакторе WYSIWIG на основе Quill?

это мой код

<div class="quill-wrapper">
  <div id="toolbar" class="ql-toolbar-container toolbar">
    <div class="ql-format-group">
      <span class="ql-bold ql-format-button"></span>
      <span class="ql-italic ql-format-button"></span>
      <span class="ql-strike ql-format-button"></span>
      <span class="ql-underline ql-format-button"></span>
      <span class="ql-link ql-format-button"></span>
      <span class="ql-format-button ql-color"></span>
      <span class="ql-format-separator"></span>
      <select class="ql-font">
        <option value="Times New Roman">Times New Roman</option>
      </select>
      <select class="ql-size">
        <option value="small">Small</option>
        <option value="normal">Normal</option>
        <option value="large">Large</option>
      </select>

    </div>
  </div>
  <input type="hidden" id="postDesc" name="postDesc" value="pavitar dua">
  <!-- Create the editor container -->
  <div style="height:300px" class="form-control" id="editor" name="editor">
    <div>Hello World!</div>
    <div>Some initial <b>bold</b> text</div>
    <div>
      <br>
    </div>
  </div>
  <div class="counter" id="counter"></div>
</div>

Теперь, если бы мне нужно было добавить цвета к <span class="ql-format-button ql-color"></span>, я не знаю, как это сделать.


wysiwyg quill
person Pavitar    schedule 30.06.2015    source источник
comment
Что не так с этими примерами? quilljs.com/examples А если серьезно, вопросы со ссылками на сторонние ресурсы не по теме.   -  person Stephen C    schedule 30.06.2015
comment
@StephenC Я особенно ищу документацию о том, как добавлять кнопки и их атрибуты, проверьте редактирование.   -  person Pavitar    schedule 30.06.2015
comment
@stephenC вы предлагаете закрыть/перефразировать этот вопрос?   -  person Pavitar    schedule 30.06.2015
comment
Я отозвал свой отрицательный голос. Но да, я думаю, вам следует перефразировать свой вопрос. Убедитесь, что вопрос касается того, о чем вы действительно хотите знать... примеры не просто плохие, а хорошие. Начните с удаления всего перед EDIT... и сделайте заголовок более понятным.   -  person Stephen C    schedule 30.06.2015
comment
@StephenC спасибо :) Я внес необходимые изменения   -  person Pavitar    schedule 30.06.2015
comment
Спрашивать советы и рекомендации хуже, чем ваше оригинальное название. Я обновил ваш вопрос, чтобы задать вопрос, на который вы сказали, что хотите ответить. Видите, что я имею в виду сейчас?   -  person Stephen C    schedule 30.06.2015
comment
благодарю вас. Я буду иметь это в виду для будущих вопросов   -  person Pavitar    schedule 30.06.2015

Ответы (1)


arrow_upward
2
arrow_downward

Цвета в Quill — это выбираемый формат, поэтому вы можете добавить его точно так же, как добавили шрифт и размер. Бывший.

<select class="ql-color">
  <option value="red">Red</option>
  <option value="#00f">Blue</option>
  <option value="rgb(255,255,0)">Yellow</option>
</select>

Подробнее здесь: http://quilljs.com/docs/modules/toolbar/

person jhchen    schedule 30.06.2015