## 文本编辑器 - 原始textarea模式 - article模式(采用百度ueditor编辑器) - MarkDown模式 #### 示例效果:路径/ht/edit ![](https://img.kancloud.cn/96/ee/96ee215175d5d881edc171a936c9dbd0_476x221.png) 数据设置 ~~~ <?php return [ 'type' => 'sql', 'config' => [ 'table' => 'edit' ], ]; ~~~ 列表设置 ~~~ <?php return [ 'field' => [ 'id' => [ 'width' => 150, 'fixed' => true ], 'edit_1' => ['width' => 50], 'edit_2' => ['width' => 50], 'edit_3' => ['width' => 50] ], 'handle' => [ 'edit_1' => [ 'name' => 'TextArea', 'type' => 'textarea', ], 'edit_2' => [ 'name' => '百度富文本', 'type' => 'markdown', ], 'edit_3' => [ 'name' => 'MarkDown', 'type' => 'article', ], ], 'handleinfo' => [ 'ismax' => true ], 'is' => [ 'add' => true, 'delete' => true ] ]; ~~~ #### 数据库设置 - edit表 ![](https://img.kancloud.cn/fb/c9/fbc9a0781e2508f18598475345cdfc58_938x119.png) 点击:后台模块 > 文本编辑器 ![](https://img.kancloud.cn/29/20/29207f57e5a6c8fd16e8530d6d6802c1_1031x762.gif) - 百度编辑器和MarkDown编辑器共用时导致MarkDown编辑器显示有些错误 - 共用截图 ![](https://img.kancloud.cn/d5/ab/d5abd92b8d36b44b404c2aac949e0934_828x823.png) - 单独使用 ![](https://img.kancloud.cn/1b/2c/1b2c99894919ca3e2a40716627b54e3a_838x828.png) - 可以看到单独使用MarkDown编辑器时样式是正常的,所以两个控件尽量不共用到同一个页面。