百度富文本编辑器UEditor使用方法

最新推荐文章于 2025-03-15 10:09:59 发布

御天敌煜天迪

最新推荐文章于 2025-03-15 10:09:59 发布

阅读量648

点赞数

文章标签： javascript js php 百度

本文链接：https://blog.csdn.net/weixin_45882486/article/details/105262858

版权

首先去官网下载官网地址
找到你需要的版本选择UTF-8版下载，我使用php做说明
在这里插入图片描述
在你的前端页面中引入js
注意前后顺序必须按照这个顺序，不然无法使用

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

在html中写入一个textarea

<textarea id="UEditor"></textarea>

之后在js中写入如下代码即可

window.UEDITOR_HOME_URL = "ueditor/";//配置路径设定为UEditor所放的位置
$(document).ready(function(){ 
	window.UEDITOR_CONFIG.initialFrameHeight=500;//编辑器的高度 
	window.UEDITOR_CONFIG.initialFrameWidth=900;//编辑器的宽度 
	var editor = new UE.ui.Editor({ 
		imageUrl : '', 
		fileUrl : '', 
		imagePath : '', 
		filePath : '', 
		imageManagerUrl:'', //图片在线管理的处理地址 
		imageManagerPath:'',
	}); 
	editor.render("UEditor");//此处的EditorId与<textarea id="UEditor">的id值对应 </textarea> 
	})