php text文本编辑器,文本编辑器

## 文本编辑器

- 原始textarea模式

- article模式(采用百度ueditor编辑器)

- MarkDown模式

#### 示例效果:路径/ht/edit

![](https://img.kancloud.cn/96/ee/96ee215175d5d881edc171a936c9dbd0_476x221.png)

数据设置

~~~

return [

'type' => 'sql',

'config' => [

'table' => 'edit'

],

];

~~~

列表设置

~~~

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编辑器时样式是正常的,所以两个控件尽量不共用到同一个页面。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值