alekswebnet / vue-quilly

Tiny Vue component, that helps to create Quill v2 based WYSIWYG editors
https://vue-quilly.vercel.app/
MIT License
58 stars 6 forks source link

Toolbar not wrapped inside table tag #6

Open romiardisaja opened 2 months ago

romiardisaja commented 2 months ago

image

<table class="table table-bordered table-centered mb-0 rounded">
  <tbody>
    <tr>
      <td style="width:20%" class="fw-bold">Soal</td>
      <td>                                            
        <QuillyEditor ref="editor_question" v-model="form.question" :options="options" />
      </td>
    </tr>
    <tr>
      <td style="width:20%" class="fw-bold">Pilihan A</td>
      <td>
        <QuillyEditor ref="editor_option_1" v-model="form.option_1" :options="options" />
      </td>
    </tr>
    <tr>
      <td style="width:20%" class="fw-bold">Pilihan B</td>
      <td>
        <QuillyEditor ref="editor_option_2" v-model="form.option_2" :options="options" />
      </td>
    </tr>
    <tr>
      <td style="width:20%" class="fw-bold">Pilihan C</td>
      <td>
        <QuillyEditor ref="editor_option_3" v-model="form.option_3" :options="options" />
      </td>
    </tr>
    <tr>
      <td style="width:20%" class="fw-bold">Pilihan D</td>
      <td>
        <QuillyEditor ref="editor_option_4" v-model="form.option_4" :options="options" />
      </td>
    </tr>
    <tr>
      <td style="width:20%" class="fw-bold">Pilihan E</td>
      <td>
        <QuillyEditor ref="editor_option_5" v-model="form.option_5" :options="options" />
      </td>
    </tr>
  </tbody>
</table>
alekswebnet commented 2 months ago

@romiardisaja This library only provide Vue 3 bindings to Quill 2 and doesn't affect Quill styles and elements. I think the Quill repo is a right place to leave your issue: https://github.com/slab/quill/issues/new.