如何在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