查看源码和修改源码
编辑器默认不支持“查看源码”和“修改源码”,但可以自己开发。
因为,使用编辑器的 editor.txt.html
可以 获取/设置 html 源码,有基础能力的支持。
实现的大概过程:
- 新建一个
<button>
,点击时获取编辑器 html 源码 - 要实现“查看源码”,则新建一个
<div>
显示 html 源码,此时可以临时隐藏编辑器- 如果想要高亮源码,可以使用如 highlight.js 之类的第三方插件
- 要实现“编辑源码”,则新建一个
<div>
编辑 html 源码,此时可以临时隐藏编辑器- 编辑源码可使用 monaco editor 或者 codemirror
【注意】编辑源码时可能会引发 XSS 攻击 ,注意防护。