uni-admin富文本编辑器选择

1、@wangeditor/editor-for-vue 使用综合来说,还阔以,也有复制图片直接粘贴进去的功能,但还未实现出来。

    hz

安装完以后js频繁报错,所以 直接把原来项目里的 node_modules 复制过来,就好了。。。。

回头可以再试一下,npm 安装试试

cnpm install @wangeditor/editor --save
cnpm install @wangeditor/editor-for-vue --save

 

<template>
    <view class="fix-top-window">
        <view class="uni-header">
            <uni-stat-breadcrumb class="uni-stat-breadcrumb-on-phone" />
            <view class="uni-group">
                <view class="uni-sub-title hide-on-phone"></view>
            </view>
        </view>
        <view class="uni-container">
            <uni-notice-bar  showGetMore
                showIcon class="mb-m pointer" text="欢迎使用xxx后台管理系统"/>
        </view>
        
        <!-- #ifndef H5 -->
        <fix-window />
        <!-- #endif -->
    </view>
</template>

<script>
    export default {
        data() {
            return {
            }
        },
        onReady() {
        },
        computed: {
        },
        methods: {
            
        }
    }
</script>

<style>
    .uni-stat-card-header {
        display: flex;
        justify-content: space-between;
        color: #555;
        font-size: 14px;
        font-weight: 600;
        padding: 10px 0;
        margin-bottom: 15px;
    }
    .uni-table-scroll {
        min-height: auto;
    }
    .link-btn-color {
        color: #007AFF;
        cursor: pointer;
    }
</style>

 

2、vue-ueditor-wrap 功能很强大,但还没学会用。需要后端给予接口配合。

3、tian-article-admin 比较全面了,但编辑器有丢失图标的问题。

posted @ 2023-05-11 10:15  MvloveYouForever  阅读(110)  评论(0编辑  收藏  举报