富文本编辑器使用

最新推荐文章于 2022-06-02 20:51:34 发布

梦缘雪痕

最新推荐文章于 2022-06-02 20:51:34 发布

阅读量265

点赞数 1

分类专栏：前端文章标签：富文本编辑器

本文链接：https://blog.csdn.net/weixin_43181190/article/details/86698521

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

将该代码放置要输入内容的地方:
<script id="container" name="content" type="text/plain" ></script>
            {js href="__STATIC__/ueditor/ueditor.config.js" /}
            {js href="__STATIC__/ueditor/ueditor.all.js" /}
        <script type="text/javascript">
            var ue = UE.getEditor('container',{
            // initialFrameWidth :800,//设置编辑器宽度
            initialFrameHeight:350,//设置编辑器高度
            scaleEnabled:false//设置不自动调整高度
            //scaleEnabled {Boolean} [默认值：false]//是否可以拉伸长高，(设置true开启时，自动长高失效)
            });
        </script>
下载富文本编辑器ueditor直接放在static下

引用多个百度富文本编辑器

1引入百度编辑器的必要js文件ueditor.config.js、ueditor.all.min.js、zh-cn.js

2引入编辑器css文件ueditor.css

3<div id="myEditor"></div>

4<script type="text/javascript">var editor= UE.getEditor('myEditor');</script>
5当然你的疑问是要多个编辑器，看下面------6. 7. 这两点

6<div id="myEditor2"></div>

7<script type="text/javascript">var editor= UE.getEditor('myEditor2');</script>

8在id项尾部加个系数做唯一标识即可