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.效果如图