前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >ueditor使用注意事项

ueditor使用注意事项

作者头像
全栈程序员站长
发布2022-07-06 09:01:29
7780
发布2022-07-06 09:01:29
举报
文章被收录于专栏:全栈程序员必看

大家好,又见面了,我是全栈君。

1、js问题的介绍

第一ueditor型材

<script type=”text/javascript” src=”ueditor1_4_3-utf8-jsp/ueditor.config.js”></script> <script type=”text/javascript” src=”ueditor1_4_3-utf8-jsp/ueditor.all.min.js”></script>

2、表单提交获取值的问题

${param.content } <form action=”ueditor.jsp” method=”post”> <script id=”container” name=”content” type=”text/plain”> </script> <script type=”text/javascript”> var ue = UE.getEditor(‘container’); </script> <input type=”submit” value=”提交”> </form>

当中name若是没写的话默认的是editorValue。能够在ueditor.config,js中改动

若写了name的属性就会自己主动覆盖原来的属性

3、上传图片显示不出来问题

首先在ueditor.config.js中改动getUEBasePath()为的你的项目名加ueditor的形式 “/projectName/ueditor/”

ueditor在1.4.2之后文件等上传路径在config.json中能够在里面改动存储路径。

以下仅仅以图片上传为例其余类似

“imageActionName”: “uploadimage”, /* 运行上传图片的action名称 */ “imageFieldName”: “upfile”, /* 提交的图片表单名称 */ “imageMaxSize”: 2048000, /* 上传限制大小,单位B */ “imageAllowFiles”: [“.png”, “.jpg”, “.jpeg”, “.gif”, “.bmp”], /* 上传图片格式显示 */ “imageCompressEnable”: true, /* 是否压缩图片,默认是true */ “imageCompressBorder”: 1600, /* 图片压缩最长边限制 */ “imageInsertAlign”: “none”, /* 插入的图片浮动方式 */ “imageUrlPrefix”: “http://localhost:8080/yzm”, /* 图片訪问路径前缀 */ “imagePathFormat”: “/ueditor1_4_3-utf8-jsp/jsp/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}”, /* 上传保存路径,能够自己定义保存路径和文件名称格式 */ /* {filename} 会替换成原文件名称,配置这项须要注意中文乱码问题 */ /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */ /* {time} 会替换成时间戳 */ /* {yyyy} 会替换成四位年份 */ /* {yy} 会替换成两位年份 */ /* {mm} 会替换成两位月份 */ /* {dd} 会替换成两位日期 */ /* {hh} 会替换成两位小时 */ /* {ii} 会替换成两位分钟 */ /* {ss} 会替换成两位秒 */ /* 非法字符 \ : * ? ” < > | */ /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */

当中一般须要我们配置的两个属性imagePathFormat,imageUrlPrefix。第一个是文件的保存路径。第二个文件訪问路径的前缀假设不加的话就会出现

上传的图片已经成功可是不显示的情况。详细能够參考 http://fex-team.github.io/ueditor/#server-path

版权声明:本文博客原创文章,博客,未经同意,不得转载。

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/117469.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月5,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
图片处理
图片处理(Image Processing,IP)是由腾讯云数据万象提供的丰富的图片处理服务,广泛应用于腾讯内部各产品。支持对腾讯云对象存储 COS 或第三方源的图片进行处理,提供基础处理能力(图片裁剪、转格式、缩放、打水印等)、图片瘦身能力(Guetzli 压缩、AVIF 转码压缩)、盲水印版权保护能力,同时支持先进的图像 AI 功能(图像增强、图像标签、图像评分、图像修复、商品抠图等),满足多种业务场景下的图片处理需求。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档