无论如何,是否可以使用VueJs将文本拖到文本编辑器中

时间:2019-01-03 16:00:25

标签: vuejs2 drag-and-drop wysiwyg

我使用VueJs和Draggable尝试将属于“ li”元素的标签拖到所见即所得的文本编辑器中。无论如何,是否有使用可拖动组件或任何其他组件来执行此操作的。

  <draggable class="template-tags-list" element="ul" v-model="postingTitleTags" :options="dragOptions" :move="onMove" @start="isDragging=true" @end="isDragging=false">                                 
       <li  v-for="tag in postingTitleTags" :key="tag.order">
             {{ tag.name }}
             <v-icon>close</v-icon>
       </li>
  </draggable>

  <draggable element="input" v-model="postingTitleStructure" :options="dragOptions" :move="onMove">                                       
       <template v-for="element in postingTitleStructure">                                   
             {{element.name}}                                     
       </template>                              
  </draggable>

将标签拖动到所见即所得编辑器时,光标指向放置标签的位置。放开后,标签的文本会放入所见即所得的文本中。

0 个答案:

没有答案