# 全屏 & 预览 & 查看源码
## 全屏
虽然 wangEditor 没有内置全屏功能,但是你可以通过简单的代码来搞定,作者已经做了一个demo来示范。通过运行 demo(文档一开始就介绍了)即可看到该示例页面,直接查看页面源代码即可。
全屏功能也可参考这个插件 https://github.com/chris-peng/wangEditor-fullscreen-plugin
## 预览源码 & 查看源码
如果需要预览和查看源码的功能,也需要跟全屏功能一样,自己定义按钮。点击按钮时通过`editor.txt.html()`获取编辑器内容,然后自定义实现预览和查看源码功能。通过`editor.txt.html(value)`可以更新源码,这样就可以做到修改源码了。
- 介绍
- 开始使用
- 创建一个编辑器
- 使用JS模块定义
- 菜单和编辑区域分离
- 单页面多个编辑器
- 禁用编辑器
- 内容处理
- 设置内容
- 获取内容
- 使用textarea
- 获取JSON
- 参数配置
- 配置菜单
- debug模式
- onchange
- 配置编辑区域z-index
- 多语言
- 粘贴文本
- 插入网络图片回调
- 插入链接的校验
- 插入网络图片的校验
- onfocus
- onblur
- 配置颜色
- 配置表情
- 配置字体
- 上传图片
- tab显示和隐藏
- base64格式保存图片
- 上传图片到服务器
- 上传到七牛云存储
- 其他
- 全屏-预览-查看源码
- 上传附件
- 关于markdown
- xss攻击
- 用于React
- 用于Vue
- 用于angular
- 常用API