## 文档编辑
> 图片示例:
![](https://img.kancloud.cn/ff/c7/ffc7bded8da9cf1effa5799debf8f3f0_1920x903.png)
> 配置项
| key | 类型 | 是否必须 | 说明 |
| --- | --- | --- | --- |
| type | string | 是 | 固定值:`markdown` |
| 通用配置... |
| mode | string | 否 | 模式,可选值:editormd(默认) |
| modeConfig | array | 否 | 模式的配置 |
| readonly | bool | 否 | 只读,默认false |
> 配置项 modeConfig
| key | 类型 | 是否必须 | 说明 |
| --- | --- | --- | --- |
| editormd | object | 否 | 模式editormd的配置 |
| editormd.height | int | 否 | 高度,默认:250 |
| editormd.watch | bool | 否 | 实时预览开启,默认:false |
| editormd.placeholder | string | 否 | 占位符,默认:此处开始编写... |
| editormd.imageFormats | array | 否 | 图片上传允许格式,书写格式:["jpg","png"]。默认为文件配置`[file.upload_img_ext]`的值。该值不能超过配置值的范围。 |
| editormd.toolbar | array | 否 | 工具栏 |
> 配置项 mode_config.editormd.toolbar
默认值:
```
[
"undo", "redo", "|", "bold", "del", "italic", "quote", "|"
,"h1", "h2", "h3", "h4", "|","list-ul", "list-ol", "hr", "|"
,"align-left","align-center","align-right","align-justify", "|"
,"table", "datetime", "html-entities", "pagebreak", "code", "code-block","|"
,"link", "reference-link", "image", "video", "|"
,"watch", "preview", "clear","search","|","help"
]
```
说明:
| code | 描述 |
| --- | --- |
| `|` | 分隔符 |
| undo | 撤销 |
| redo | 重做 |
| bold | 粗体 |
| del | 删除线 |
| italic | 斜体 |
| quote | 引用 |
| h1 | 标题1 |
| h2 | 标题2 |
| h3 | 标题3 |
| h4 | 标题4 |
| list-ul | 无序列表 |
| list-ol | 有序列表 |
| hr | 横线 |
| align-left | 左对齐 |
| align-center | 居中对齐 |
| align-right | 右对齐 |
| align-justify | 两端对齐 |
| table | 添加表格 |
| datetime | 时间日期 |
| html-entities | HTML实体字符|
| pagebreak | 插入分页符 |
| code | 行内代码 |
| code-block | 代码块 |
| link | 链接 |
| reference-link | 引用链接 |
| image | 添加图片 |
| video | 插入视频 |
| watch | 实时预览 |
| preview | 全窗口预览 |
| clear | 清空 |
| search | 搜索 |
| help | 使用帮助 |
> 字段值
返回Markdown内容。
> 代码示例:
~~~
$builder=YF('general_example')->tab([ 'base'=>'基础'])
->field(function($tab){
$field=[
'markdown_test'=>[
'title'=>'文档编辑',
'type'=>'markdown',
// 以下示例参数非必须
"mode"=>"editormd",
"modeConfig"=>[
"editormd"=>[
"height"=>250,
"watch"=>false,
"placeholder"=>"此处开始编写...",
"image_formats"=>["jpg","png"],
"toolbar"=>["undo", "redo", "|", "bold", "del", "italic", "quote", ...]
]
],
],
];
return $field;
})
~~~
- 序言
- 基础
- 安装
- 目录结构
- 配置
- 版本
- 控制器
- 使用说明
- 视图模板
- 使用说明
- 区块重写
- seo
- headStyle
- headScript
- content
- script
- 验证器
- TP验证器
- 使用说明
- 自动处理
- 数据处理
- 前端验证器
- 概述
- 调用示例
- 通用验证规则
- 表单构建器
- 基础示例
- 初始化
- 链式操作
- tab
- url
- field
- fieldValidate
- button
- load
- submit
- 渲染输出
- 字段配置
- 使用说明
- 隐藏域(hidden)
- 文本框(text)
- 文本域(textarea)
- 密码框(password)
- 富文本(editor)
- 文档编辑(markdown)
- 下拉选框(select)
- 单选框(radio)
- 复选框(checkbox)
- 开关(switch)
- 日期(date)
- 时间日期(datetime)
- 年份(year)
- 月份(month)
- 时间(time)
- 单图(img)
- 多图(imgs)
- 单文件(file)
- 多文件(files)
- 取色器(color)
- 地区联动(area)
- 下拉搜索(dropdownSearch)
- 树(tree)
- 自定义字段
- 单一字段调用
- 概述
- 示例
- 表格构建器
- 基础示例
- 初始化
- 链式操作
- state
- url
- page
- limit
- limits
- filter
- filterValidate
- toolbar
- defaultToolbar
- import
- cols
- count
- items
- event
- 渲染输出
- 表头配置
- 使用说明
- 枚举(enum)
- 时间日期(datetime)
- 单图(img)
- 多图(imgs)
- 单文件(file)
- 多文件(files)
- 拖拽排序(dragSort)
- 颜色呈现(color)
- 地区呈现(area)
- 操作栏(action)
- 自定义表头
- JS事件
- 异步事件监听
- 导入构建器
- 基础示例
- 初始化
- 链式操作
- sheet
- cols
- colsValidate
- limit
- tips
- row
- rows
- 渲染输出
- 主题开发
- 实现步骤
- 系统主题
- 注意
- PHP公共方法库
- 配置
- yunj_config
- 构建器
- YF
- YT
- YI
- 重定向
- url_tips
- redirect_tips
- throw_redirect
- 响应输出
- response_msg
- response_json
- success_json
- error_json
- throw_json
- throw_success_json
- throw_error_json
- 数组
- array_eq
- array_in
- array_supp
- array_depth
- array_insert
- array_key_prefix
- 验证
- is_mobile
- is_positive_int
- is_positive_integer
- is_json
- is_datetime
- is_md5_result
- 时间日期
- msectime
- 字符串
- rand_char
- filter_sql
- start_with
- exception_to_str
- 数据加解密
- aes_encrypt
- aes_decrypt
- rsa_encrypt
- rsa_decrypt
- rsa_sign
- rsa_sign_verify
- JS公共方法库
- 调用说明
- 数据类型
- varType
- 判断
- isMobile
- isObj
- isEmptyObj
- isArray
- isEmptyArray
- isString
- isEmptyString
- isBool
- isNumber
- isFloat
- isFunction
- isUndefined
- isJson
- isCsv
- isXls
- isXlsx
- 字符串
- fileExt
- fileNameExt
- currTimestamp
- currDatetime
- timestampFormat
- 对象
- objSupp
- 图片
- previewImg
- url
- url
- urlParam
- urlPushParam
- 页面
- openNewPage
- openTab
- openPopup
- rawPageWin
- redirectTab
- redirectLogin
- isPopupPage
- isTabPage
- currPageId
- close
- closeCurr
- closeAll
- 网络
- request
- 数据加解密
- aesEncrypt
- aesDecrypt
- rsaEncrypt
- rsaDecrypt
- rsaSign
- rsaSignVerify
- 附录
- 升级指导
- 更新日志