UEditor 编辑器的下载与安装

您所在的位置:网站首页 1235编辑器下载 UEditor 编辑器的下载与安装

UEditor 编辑器的下载与安装

2023-08-20 13:40| 来源: 网络整理| 查看: 265

  UEditor 是由百度开发的富文本web编辑器,它具有轻量,可定制,开源基于MIT协议,允许自由使用和修改代码,注重用户体验等特点。   官方文档: http://fex.baidu.com/ueditor/

  UEditor下载链接:https://download.csdn.net/download/weixin_43819566/16261950

  本文主要讲述 UEditor 编辑器的安装,与基本参数的使用等。

操作步骤 第一步:把 UEditor 的 的 jar 包安装到本地仓库第二步:把 UEditor 的 jar 引入项目第三步:拷贝资源到项目中第四步: 在页面引入 UEditor补充:常用参数配置

第一步:把 UEditor 的 的 jar 包安装到本地仓库

  首先下载之后,在 jsp→lib 文件夹下找到 ueditor-1.1.2.jar 拷贝到另一个文件夹下,如:E盘。(这里为了方便后文的安装)

在这里插入图片描述

在控制台中输入以下 MVN 命令,将 jar 包安装到 maven 本地仓库

mvn install:install-file -DgroupId=com.baidu -DartifactId=ueditor -Dversion=1.4.3.3 -Dpackaging=jar -Dfile=E:/ueditor-1.1.2.jar

maven仓库安装效果图如下:

在这里插入图片描述

  注:这一步骤的主要用途是保证引入静态资源文件不报错

第二步:把 UEditor 的 jar 引入项目

 导入 ueditor 坐标

com.baidu ueditor 1.4.3.3 第三步:拷贝资源到项目中

  在这里插入图片描述

第四步: 在页面引入 UEditor

编写 UEditor 的容器:

编写 JS 加载成为编辑器:

$(function (){ var ue = UE.getEditor('ueditor_container'); } 补充:常用参数配置

常用参数配置可参考如下链接👇: http://fex.baidu.com/ueditor/#start-config

这里简单演示了如下几个参数:

$(function (){ var ue = UE.getEditor('ueditor_container',{ initialContent:"在此处编辑新闻...", initialFrameWidth:1100, initialFrameHeight:500, minFrameWidth:300, minFrameHeight:800 }); })

效果图如下: 在这里插入图片描述

关于上传文件与回显操作,将会陆续更新,欢迎大家在评论区留言哦 ~



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3