wangEditor 全屏 & 预览 & 查看源码

                                                                       wangEditor 全屏 & 预览 & 查看源码

一、参考地址:https://www.kancloud.cn/wangfupeng/wangeditor3/335784

二、全屏

    虽然 wangEditor 没有内置全屏功能,但是你可以通过简单的代码来搞定,作者已经做了一个demo来示范。通过运行 demo(文档一开始就介绍了)即可看到该示例页面,直接查看页面源代码即可。

    全屏功能也可参考这个插件 https://github.com/chris-peng/wangEditor-fullscreen-plugin
预览源码 & 查看源码

    如果需要预览和查看源码的功能,也需要跟全屏功能一样,自己定义按钮。点击按钮时通过editor.txt.html()获取编辑器内容,然后自定义实现预览和查看源码功能。通过editor.txt.html(value)可以更新源码,这样就可以做到修改源码了。

三、使用方法:

    依赖jquery或者zepto,须先引入jquery或zepto。有兴趣可修改为无依赖版本,代码很简单。

    引入wangEditor-fullscreen-plugin.css和wangEditor-fullscreen-plugin.js两个文件。

    在wangEditor的create方法调用后,

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值