富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件

首先，下载ueditor
官方下载地址：
ueditor下载地址

由于github下载速度太慢，我就选择clone到gitee上进行下载，速度M级，下载地址：
ueditor下载地址

注意：下载的ueditor源码并没有ueditor.all.js文件

安装依赖
在下载好的项目目录下执行 npm install 安装依赖，或者使用淘宝源 cnpm install 安装依赖，速度快很多（不过需要事先安装淘宝cnpm）

执行 grunt default
需要事先安装好 grunt，如果没有，可以执行以下命令进行全局安装：（我在终端执行下面命令没成功，最后还是在Pycharm中执行成功了）
npm install -g grunt-cli 或 cnpm install -g grunt-cli

但是，安装 grunt 还有一个前提，grunt 依赖 node.js，所以需要事先安装node.js，使用命令 node 查看是否安装

现在，可以在 ueditor 目录下执行 grunt default 命令了，执行完后会在 ueditor 目录下生成一个 dist 目录

为什么要执行 grunt default 这个命令，它有什么作用呢？

通过浏览UEditor官方文档，我了解到 ueditor 源码每个目录、文件的作用。其中Gruntfile.js 是 grunt 执行的任务文件，用来把源码包打包成部署版本，而 ueditor.all.js 是开发版代码合并的结果，是目录下所有文件的打包文件。所以，得出结论：需要执行 grunt default 将源码文件打包，同时会生成 ueditor.all.js 文件！

复制必要的ueditor文件到vue项目目录中
在 ueditor\dist\utf8-php 目录下包含所有必须的文件：

只需要将这些文件全部拷贝到vue项目 static/ue 下即可，不需要做任何改动！

转载地址：https://blog.csdn.net/WU2629409421perfect/article/details/113477005?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242

富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件相关推荐

themyleaf 图片上传_springboot thymeleaf 整合百度富文本编辑器UEditor进行图片上传
项目中需要使用到富文本编辑器,找来找去发现百度UEditor富文本编辑器在国内最为常用因此就尝试引入.编辑器官网是:http://ueditor.baidu.com/website/index.htm ...
【转】推荐两款富文本编辑器：NicEdit和Kindeditor
做过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多.下面要推荐的两款富文本编辑器都是使用JS编 ...
layui源码详细分析系列之富文本编辑器模块
所谓的富文本编辑器就是内嵌在浏览器上.所见即所得的文本编辑器,它的形式如下: layui框架中内置了layedit模块,该模块就是富文本编辑器模块,在最近两天中我自己使用原生js实现了简易的富文本编辑 ...
网站后台添加富文本编辑器
网站后台需要添加富文本编辑器,偶然的机会发现了百度的UEditor,经过一番配置(我使用的环境是struts2+hibernate+spring),终于是成功了,下面来记录一下配置的过程: step1 ...
【推荐】1657- 灵活可扩展，2023年值得尝试的13款富文本编辑器
作为前端开发人员,我们经常需要为网站和应用程序添加文本内容.与传统的文本编辑器不同,富文本编辑器可让您轻松创建各种类型的文本内容,包括加粗字体.斜体字.框架.列表.图片和视频等. 本文我将向大家推荐 ...
ckeditor富文本编辑器的使用和图片上传，复制粘贴图片上传
项目开发需要用到在线编辑和图片上传,最终讨论使用ckeditor,原因就是其丰富的API.考虑到最新版本ckeditor5可能不够稳定,我们选择使用ckedtior4.9.2版本.官网链接:ckedi ...
ckeditor富文本编辑器的使用和图片上传
项目开发需要用到在线编辑和图片上传,最终讨论使用ckeditor,原因就是其丰富的API.考虑到最新版本ckeditor5可能不够稳定,我们选择使用ckedtior4.9.2版本.官网链接:ckedi ...
Vue2-editor 富文本编辑器
vue2-editor - npmhttps://www.npmjs.com/package/vue2-editor 1. 安装所需包 npm install vue2-editor 2. 使用Vue ...
html实现富文本编辑器,前端程序员福利，6款轻量级富文本编辑器，轻松实现富文本编辑...
1.国产富文本编辑wangEditor 基于javascript跟css开发的 Web富文本编辑器, 轻量.简洁.易用.开源免费,样式可自定义typecho 富文本编辑器,菜单栏可以自定义配置. 下载 ...
android前端代码编辑器,前端程序员福利，6款轻量级富文本编辑器
原标题:前端程序员福利,6款轻量级富文本编辑器 1.国产富文本编辑wangEditor 基于java和css开发的 Web富文本编辑器, 轻量.简洁.易用.开源免费,样式可自定义,菜单栏可以自定义配置 ...

富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件

富文本编辑器ueditor——找不到ueditor.all.js以及ueditor.all.min.js文件相关推荐

最新文章

热门文章