您现在的位置是:首页» windows系统» ueditor编辑器发布含代码,ueditor编辑器快捷键

ueditor编辑器发布含代码,ueditor编辑器快捷键

2023-12-05 03:12:16
今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家! 下载下来的文件名为ueditor1.1.7.3.zip把解压出来的ueditor文件夹整个复制到项目WebRoot下1.页面里增加以下代码2.页面里增加以下代码

今天小编为大家分享Windows系统下载、Windows系统教程、windows相关应用程序的文章,希望能够帮助到大家!

下载下来的文件名为ueditor1.1.7.3.zip

把解压出来的ueditor文件夹整个复制到项目WebRoot下

1.页面<head>里增加以下代码

2.页面<body>里增加以下代码

打开浏览器,输入相应地址,一个漂亮的编辑器就出现了,但表情和上传文件这块还需要更改一下配置

打开editor_config.js文件,修改URL的值

保存,刷新一下页面,表情是不是可以出来了?

文件上传默认用的是ueditor/server/upload/php/up.php进行上传的,如果用jsp上传,需要修改两个地方

修改ueditor/dialogs/image/image.html页面里第304行和ueditor/dialogs/wordimage/wordimage.html页面第82行,改为使用up.jsp进行上传,这里面用的是apache的fileupload组件,所以要导入apache commons组件中的fileupload和io这两个jar包

修改ueditor/server/jsp/up.jsp,指定文件的保存路径

第一步需要引入UEditor的源文件,和jquery文件,来对编辑器进行支持。如果看到图二的效果则说明部署成功咯,接下来我们就可以根据自己的实际需求来进行场地参数。

第二步获取编辑器的输入的文本内容,然后对获取的值传递给后台处理,也可通过from表单进行操作。

配置文件上传,图片上传、截图上传路径(以jsp为例)

首先配置ueditor.config.js来初始化ueditor的安装路径,projectName代表项目路径URL则表示,配置后的ueditor的所在路径(可自定义),详细配置可看图片所示

置好路径后我们就可以调用了,接下来需要配置上传文件的路径了(jsp/config.json)里,需要配置的有imageUrlPrefix图片访问

的路径前缀,imagePathFormat/scrawlPathFormat

等*PathFormat路径用来表示上传的文件路径(注意:windows和linux的路径不同方式),具体配置如图所示

在项目中添加ueditor说需要的jar包文件,然后启动项目。

项目启动完成后,进入页面,我们可以来试试效果,大家可以任意复制图片,上传文件等来实验下我们的配置结果。出现如下结果则说明我们配置成功了,简单吧。

jingyan.baidu.com/article/0320e2c1f68b751b87507be2.html

wwW.Xtw.Com.cN系统网专业的PC、手机系统开发下载平台,HarmonyOS系统、安卓、OS、windows电脑重装系统在线下载安装,操作系统平台技术学习,攻略教程,技术交流。

免责声明:本文中引用的各种信息及资料(包括但不限于文字、数据、图表及超链接等)均来源于该信息及资料的相关主体(包括但不限于公司、媒体、协会等机构)的官方网站或公开发表的信息。内容仅供参考使用,不准确地方联系删除处理!

联系邮箱:773537036@qq.com