vue3.0中如何使用ueditor

1.在官网下载一个ueditor版本[https://ueditor.baidu.com/website/download.html],解压后放到public文件下的static文件中重命名为Editor

(自己建立一个static文件,直接放到public文件下会出错)。

2.修改相应的配置。

ueditor.config.js中

window.UEDITOR_HOME_URL = "/Editor/";

var URL = window.UEDITOR_HOME_URL || getUEBasePath();

在要使用的组件中

下载 vue-ueditor-wrap

引入

import VueUeditorWrap from "vue-ueditor-wrap";

注册组件

components: {

VueUeditorWrap

},

使用:

<vue-ueditor-wrap v-model="content"/>

3.根据需要修改对应的样式。

ueditor.config.js中

initialFrameWidth:1200 //初始化编辑器宽度,默认1000

,initialFrameHeight:320 //初始化编辑器高度,默认320

原文地址:https://www.cnblogs.com/lzcblog/p/10580008.html

时间: 2024-11-02 23:42:17

vue3.0中如何使用ueditor的相关文章

vue3.0中console.log报错

Module Warning (from ./node_modules/eslint-loader/index.js):error: Unexpected console statement (no-console) at 这个错误是Vuejs - 使用ESLint检查代码质量是进行提示的,修改成以下方式解决: window.console.log(res); 原文地址:https://www.cnblogs.com/yshyee/p/10874870.html

vue3.0 + ueditor

公司有个需求,需要做个发送邮件的模版(富文本对于模版的扩展性更好吧) 关于富文本,也找了一些好看且支持vue的,但是功能都没有百度全面 反正这个系统也是自己人用,颜值无所谓了 关于vue2.0+ueditor 有需要的可以看原文:https://juejin.im/post/5c6e78f95188252f30483be3 注:我是参考的这个配的vue3.0+ueditor 第一步:下载Ueditor相关静态文件 在下载的同时,不要让小手闲着,安装vue-ueditor-wrap npm i v

在Vue2.0中集成UEditor 富文本编辑器

在vue的'项目中遇到了需要使用富文本编辑器的需求,在github上看了很多vue封装的editor插件,很多对图片上传和视频上传的支持并不是很好,最终还是决定使用UEditor. 这类的文章网上有很多,我进行了摸索.手写代码.汇总.排版,形成了这篇文章. 下载对应的UEditor源码 首先,去官网上下载UEditor的源码,根据你后台语言的不同下载对应的版本(PHP.Asp..Net.Jsp),下载地址. 下载之后,把资源放到 /static/ue/ 静态目录下.文档结构如下: (我把UEdi

关于vue的计算属性以及双向绑定的原理理解(vue2.x)以及vue3.0

vue的计算属性: 1.什么是计算属性? 计算属性的目的是用于对数据进行简单运算的,若在模板中放过多的计算逻辑会导致模板难以维护. 计算属性是基于它们的依赖进行缓存的.计算属性只有在它的相关依赖发生改变时才会重新求值. 2.计算属性如何使用? 1.在一个计算属性里可以完成各种复杂的逻辑,包括运算.函数调用等,只要最终返回一个结果就可以. computed: { reverseText: function(){ return app1.text.split('').reverse().join('

快速进阶Vue3.0

在2019.10.5日发布了Vue3.0预览版源码,但是预计最早需要等到 2020 年第一季度才有可能发布 3.0 正式版. 可以直接看 github源码. 新版Vue 3.0计划并已实现的主要架构改进和新功能: 编译器(Compiler) 使用模块化架构 优化 "Block tree" 更激进的 static tree hoisting 功能 (检测静态语法,进行提升) 支持 Source map 内置标识符前缀(又名"stripWith") 内置整齐打印(pre

学习 vue2.0/3.0 中的proxy和Object.defineProperty 小记

vue3.0将双向数据绑定的主要方法从Object.defineProperty舍弃,使用了proxy的方式通过观察者模式实现相关的数据变化监听,总的来说是一个很好地前进.今天简单的实验了一下相关的实现和不同情况下的使用输出.简单记录一下吧.同时说明代码中是使用数组的例子进行区分的. 个人认为proxy的实现方式要比Object.defineProperty优雅很多,Object.defineProperty首先是指数据劫持,实际上proxy的运行是后置于Object.definePropert

对于 vue3.0 特性你有什么了解的吗?

Vue 3.0 的目标是让 Vue 核心变得更小.更快.更强大,因此 Vue 3.0 增加以下这些新特性: (1)监测机制的改变3.0 将带来基于代理 Proxy 的 observer 实现,提供全语言覆盖的反应性跟踪.这消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制: 只能监测属性,不能监测对象 检测属性的添加和删除: 检测数组索引和长度的变更: 支持 Map.Set.WeakMap 和 WeakSet. 新的 observer 还提供了以下特

Apache Storm 1.1.0 中文文档 | ApacheCN

前言  Apache Storm 是一个免费的,开源的,分布式的实时计算系统. 官方文档: http://storm.apache.org 中文文档: http://storm.apachecn.org ApacheCN 最近组织了翻译 Storm 1.1.0 中文文档 的活动,整体 翻译进度 为 96%. 感谢大家参与到该活动中来 感谢无私奉献的 贡献者,才有了这份 Storm 1.1.0 中文文档 感谢一路有你的陪伴,我们才可以做的更好,走的更快,走的更远,我们一直在努力 ... 网页地址:

小改动,大作为——C# 4.0中的微小改动

1.可选参数和命名实参 可选参数和命名实参就如同一对好基友,因为它们经常一起使用. 1.1 可选参数 可选参数重在“可选”,即在调用方法时,该参数可以明确指定实参,也可以不指定.如下代码所示,下面代码就包含3个参数,一个必备参数和两个可选参数. 1 static void TestMethod(int x,int y=10,string name="LearningHard") 2 { 3 Console.WriteLine($"x={x} y={y} name={name}