前端插入富文本编辑器

记录富文本插件的插入

首先呢,我们需要下载好富文本插件的安装包:点击下载, 提取码: 15f5

  1. 引入文件夹中的js文件
<!--富文本插件-->
<script  type="text/javascript" src="../../../ueditor/utf8-php/ueditor.config.js"></script>
<script type="text/javascript"  src="../../../ueditor/utf8-php/ueditor.all.min.js"></script>
<script type="text/javascript"  src="../../../ueditor/utf8-php/lang/zh-cn/zh-cn.js"></script>
<!--富文本插件结束-->
  1. 初始化
<script type="text/javascript">
    UE.getEditor('pcArticleCont')   //pcArticleCont对应调用的id
</script>
  1. 前端中调用
<script type="text/plain" id="pcArticleCont" name="pcArticleCont" ></script>	//大小可通过style设置

如此就大功告成啦,赶紧尝试尝试吧

©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页