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

首先去官网下载 官网地址
找到你需要的版本选择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> 
	})
版权声明:本文为weixin_45882486原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_45882486/article/details/105262858