vue中使用 ueditor 添加秀米插件 没有秀米按钮

发布于 2022-09-12 02:32:43 字数 1283 浏览 18 评论 0

</template>
  <div>
            <vue-ueditor-wrap v-model="value" :config="myConfig"></vue-ueditor-wrap>
  </div>
</template>
<script>
import VueUeditorWrap from 'vue-ueditor-wrap' // ES6 Module
export default {
  components: {
    // Tinymce,
    VueUeditorWrap
  },
  data() {
    return {
      value: '',
      myConfig: {
        // 编辑器不自动被内容撑高
        autoHeightEnabled: false,
        // 初始容器高度
        initialFrameHeight: 1000,
        // 初始容器宽度
        initialFrameWidth: 375,
        // 上传文件接口(这个地址是我为了方便各位体验文件上传功能搭建的临时接口,请勿在生产环境使用!!!)
        // serverUrl: 'http://35.201.165.105:8000/controller.php',
        // UEDITOR_HOME_URL: '@/assets/UEditor/'
        // UEditor 资源文件的存放路径,如果你使用的是 vue-cli 生成的项目,通常不需要设置该选项,vue-ueditor-wrap 会自动处理常见的情况,如果需要特殊配置,参考下方的常见问题2
        // UEDITOR_HOME_URL: '/frontend/static/UEditor/'
        UEDITOR_HOME_URL: '/static/UEditor/'
      }
    }
  },

image.png

在项目中引用了相关文件
但是使用时 并没有秀米插件的按钮
image.png
image.png

我参考的示例文章https://ent.xiumi.us/ue/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文