欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

前端 富文本框

程序员文章站 2022-05-29 23:12:47
...

页面展示:

前端 富文本框

步骤:

1,下载js包,引入文件ueditor

<script type="text/javascript" charset="utf-8" src="/static/portalres/jsfolder/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="/static/portalres/jsfolder/ueditor/ueditor.all.min.js"> </script>

2,html页面标签展示

<textarea name="content" id="content" style="width: 1050px; height: 400px; margin-top: 10px;"></textarea>

3,js事件

var ue = UE.getEditor('content');//赋予富文本框属性
var str1="aaa";
ue.setContent(str1)//给富文本框赋值

拓展链接:

1,其他类型富文本框
2,常用的六个富文本编辑器官网下载

相关标签: 前端