Js 之百度编辑器UEditor插件

Posted 2021-03-07 样子2018

一、下载

http://ueditor.baidu.com/website/download.html#ueditor

二、效果图

 三、示例

引入js

<script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/lang/zh-cn/zh-cn.js"></script>

<textarea name="post[content]" id="content" style="width: 100%;"
                      class="mr5"><?php echo @$data[\'content\'] ?></textarea>
    UE.delEditor(\'content\');
    UE.getEditor(\'content\', {
        initialFrameWidth: \'auto\',
        initialFrameHeight: \'100\',
        autoHeightEnabled: false
    });

四、UEditor第二次加载总是不渲染的解决方案

UE.delEditor(\'_editor\');
var ue = UE.getEditor(\'_editor\');

先删除，在渲染。