uediter文件没有ueditor.all.js以及ueditor.all.min.js文件

uediter文件没有ueditor.all.js以及ueditor.all.min.js文件

官网下载Uediter-版本号-.zip文件

官方网址:Uediter
在这里插入图片描述

解压Ueditor文件

注意不要解压到html的同级目录下,因为解压后的是源码包,而使用者需要部署版本包。随便解压到一个目录即可。

解压后的目录:
在这里插入图片描述
注意:这里并没有ueditor.all.js以及ueditor.all.min.js文件,其他文件夹下也没有,之前已经说过我们需要的是部署版本所以将这些内容打包称部署版本,由

下载编辑器打包文件

按照github提供的方法:ueditor富文本编辑器
在这里插入图片描述

  1. windows+r输入cmd进入dos命令,切换到解压ueditor的目录:
    在这里插入图片描述

  2. 输入npm install安装依赖:
    在这里插入图片描述

  3. 需要安装grunt指令,安装 grunt 还有一个前提,grunt 依赖 node.js,所以需要事先安装node.js,并配置环境变量。使用命令 node 查看是否安装。
    在这里插入图片描述

  4. 执行以下命令进行全局安装:npm install -g grunt-cli 或 cnpm install -g grunt-cli
    在这里插入图片描述

  5. 得到最终需要文件,回到解压的ueditor文件夹发现多了dist文件,需要editor需要的依赖就在此文件夹中
    在这里插入图片描述在这里插入图片描述
    在这里插入图片描述

html中加载Ueditor依赖并创建编辑器

  1. 在css和js文件的同级目录下创建ue文件夹(名字随便起),将此10个项目复制到ue中去。
    在这里插入图片描述

  2. html中引入ueditor的js文件

  <!-- 引入富文本编辑器-->
    <script type="text/javascript" src="/ue/ueditor.config.js"></script>
    <script type="text/javascript" src="/ue/ueditor.all.min.js"></script>
    <script type="text/javascript" src="/ue/ueditor.all.js"></script>
    <script type="text/javascript" src="/ue/lang/zh-cn/zh-cn.js"></script>
  1. 实例化编辑器
 <script type="text/javascript">


        //实例化编辑器
        var ue = UE.getEditor('editor', {});
    </script>
  1. 初始化编辑器
<script id="editor" type="text/plain">

</script>

在这里插入图片描述

  1. 运行文件得到编辑器
    在这里插入图片描述
  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xvwen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值