Umeditor的使用总结

Umeditor的使用总结

1.引入百度的Umeditor文件夹(以ThinkPHP为例)

2.在需要将文本域转为在线编辑器的html代码尾部写入

2.1要引入的位置

<tr>
    <td class="label">商品描述：</td>
    <td>
        <textarea id="goods_desc" name="goods_desc" cols="40" rows="3"></textarea>
    </td>
</tr>

2.2要引入的css和js代码

<!--导入在线编辑器 -->
<link href="__PUBLIC__/Umeditor/themes/default/css/umeditor.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="__PUBLIC__/Umeditor/third-party/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Umeditor/umeditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/Umeditor/umeditor.min.js"></script>
<script type="text/javascript" src="__PUBLIC__/Umeditor/lang/zh-cn/zh-cn.js"></script>
<script>
     UM.getEditor('goods_desc', {
     initialFrameWidth: "100%",
     initialFrameHeight: 350
    });
</script>

3.效果如图