如何在vue项目中使用UEditor--plus
作者：龙儿哥哥的博客 发布时间：2024-05-10 14:20:43
标签：vue,UEditor--plus
1:UEditor-plus富文本编辑器如何在vue项目中使用
备注：UEditor是由百度web前端研发部开发的所见即所得的开源富文本编辑器，由于该项目不在维护；程序员自发对其进行了维护，详见
https://gitee.com/modstart-lib/ueditor-plus?_from=gitee_search；
2.使用方法
第一步：在git上拉取ueditor代码到本地
第二步：解压后找到dist文件夹，复制并粘贴到vue项目包中的static（vue3粘贴到public）文件夹目录下，并改名为UEditor
第三步：在页面中引入UEditorPlus富文本编辑器
第四步：在页面中插入组件
<div class="content">
<vue-ueditor-wrap
v-model="content"
editor-id="editor"
:config="editorConfig"
:editorDependencies="['ueditor.config.js','ueditor.all.js']"
style="height:500px;" />
</div>
第五步：配置项
data(){
return {
content: '<p>Hello UEditorPlus</p>',
editorConfig: {
serverUrl: '后端服务',
// 配置UEditorPlus的惊天资源
UEDITOR_HOME_URL: '/static/UEditorPlus/'
},
}
}
3.运行项目
注：由于配置项未配置，需要与后端小伙伴联调，才可使用上传功能
来源：https://www.cnblogs.com/longc-box/archive/2022/08/23/16617238.html
0
投稿猜你喜欢
本文实例讲述了JavaScript DOM节点操作方法。分享给大家供大家参考，具体如下：使用DOM可以新建HTML元素，也可以删除已有的HT- 一、什么是函数装饰器1.函数装饰器是Python提供的一种增强函数功能的标记函数；2.装饰器是可调用的函数对象，其参数是另一个函数(被装饰的
- 本文实例为大家分享了python实现手机销售管理系统的具体代码，供大家参考，具体内容如下要求如下：手机销售系统 &nb
- a {}{ background:url(images/normal.gif); } a:ho
- 目录1. 单变量 :=2. 多变量 :=3. 小结:=??Go 语言中 = 和 := 有什么区别1. 单变量 :=Go 语言中新增了一个特殊
- 本文实例讲述了Python使用pymongo模块操作MongoDB的方法。分享给大家供大家参考，具体如下：通过pymongo实现python
- 不知道大家在做网站时有没有给目录名或者文件名添加”( )”的习惯，有则改之，无则加勉。因为他有潜在的危险，起码就被我遇到了。要使页面能够使用
- 解析器解析器的作用就是服务端接收客户端传过来的数据，把数据解析成自己想要的数据类型的过程.本质就是对请求体中的数据进行解析.Content-
- Bootstrap是一款目前非常流行的前端框架，简单的说，就是html,css,javascript的工具集，我们可以用bootstrap搭
- 效果图：图（1）初始图图（2）点击“从右侧划出”代码如下：<!DOCTYPE html><html> <hea
- If order does not matter, you can use"".join(set(foo))set()
- 该计算器功能：1.校验：小数点，重复计算，以及大量更符合用户体验的操作。2.能够从键盘输入。效果图：html代码：<!DOCTYPE
- 前言在JavaScript中需要通过document.querySelector("#demo")来获取dom节点，然后
- 1. $.each(array, [callback]) 遍历[常用] 解释: 不同于例遍 jQuery 对象的 $.each() 方法,此
- 前言：相信大家在童年或者生活中都玩过石头剪刀布这个游戏，这个游戏需要两个及以上的人。而今天，网上也实现了石头剪刀布的游戏。通过初步学习pyt
- <％ set conn=server.createobject("adodb.connect
- 一、浏览器允许每个域名所包含的 cookie 数：Microsoft 指出 Internet Explorer 8 增加 cookie 限制
- 自从认识了 CircleCI 之后，基本上都在用这个了。相比于之前用的travis-ci ，CircleCI 丑是丑了点，但是相比与 tra
- <html> 题:<br /> 有n个直线最多可以把一个平面分成多少个部分<br /><br /&
- 本文实例讲述了Python实现从SQL型数据库读写dataframe型数据的方法。分享给大家供大家参考，具体如下：Python的pandas
