效果图:
使用代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>富文本编辑器示例</title>
<script src="js/jquery-3.6.3.js"></script>
<script src="./fuwenben/ueditor.config.js"></script>
<script src="fuwenben/ueditor.all.min.js"></script>
<script src="fuwenben/lang/zh-cn/zh-cn.js"></script>
</head>
<style>
.box{
width: 100%;
height: 50%;
}
</style>
<body>
<div class="box">
<!-- 富文本 -->
<textarea id="contents" name="contents" style="overflow:scroll;margin-top: 2%;width: 100%;height: 300px;"></textarea>
</div>
<script>
// 富文本
let ou = UE.getEditor('contents', {
initialFrameWidth: 500,
initialFrameHeight: 400,
});
</script>
</body>
</html>
这是一个简单的富文本;
希望可以帮到大家