# 全屏 & 預覽 & 查看源碼
## 全屏
雖然 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