vue3 Ant Design Vue Vben Admin 富文本代码附件文件上传

隐含

已于 2023-07-06 14:43:34 修改

阅读量1k

点赞数

文章标签： vue.js javascript 前端

于 2023-02-04 12:38:23 首次发布

本文链接：https://blog.csdn.net/u010782109/article/details/128880616

版权

本文介绍了如何在基于Vue3的Vben Admin前端框架中，利用Ant Design Vue的Upload组件实现富文本编辑器Tinymce的图片和附件上传功能。详细阐述了相关组件的引入、全局设计风格的获取、国际化设置以及上传状态的管理。

摘要由CSDN通过智能技术生成

所属栏目:

        <template v-if="column.dataIndex === 'type'">
          <div class="editable-row-operations">

            <div v-if="text == 1">通知公告</div>
            <div v-if="text == 2">新闻资讯</div>
            <div v-if="text == 3">数据发布</div>
          </div>
        </template>
        <template v-if="column.dataIndex === 'content'">
          <div v-html='text' style="overflow: hidden;height: 100%; white-space: nowrap;text-overflow: ellipsis">
          </div>
        </template>
        <template v-if="column.dataIndex === 'status'">
          <div class="editable-row-operations">
            <a style="color: #1890FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" @click="del(record.id)">
              删除
            </a>
            <a  v-if="text == 2" style="margin-left: 20px; color: #1890FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" @click="top(record.id,1)">
              取消置顶
            </a>
            <a  v-if="text == 1" style="margin-left: 20px; color: #1890FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" @click="top(record.id,2)">
              置顶
            </a>
            <a  style="margin-left: 20px; color: #1890FF; white-space: nowrap; overflow: hidden; text-overflow: ellipsis" @click="edit(record)">
              编辑