ueditor 公式编辑器怎么使用

ueditor 公式编辑器怎么使用,第1张

 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包

5

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

首先加上

<script type="text/javascript" charset="utf-8" src="/public/ueditor/ueditor.config.js"></script>

<script type="text/javascript" charset="utf-8" src="/public/ueditor/ueditor.all.min.js"></script>

<script type="text/javascript" charset="utf-8" src="/public/ueditor/lang/zh-cn/zh-cn.js"></script>

这里面src的路径,根据你实际路径填写

然后加上

<script id="editor" name='cnt' type="text/plain" style="width:100%height:230px"></script>

最后

<script type="text/javascript">

var ue = UE.getEditor('editor')//实例化编辑器

</script>


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/594019.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-07-09
下一篇2023-07-09

发表评论

登录后才能评论

评论列表(0条)

    保存