html预览

html预览 公开

如何使用分享的动作?

适用于
分类
文本处理 组合操作 功能增强
恋天忧 战地老机油 飞飞1866 wordpure 4 人赞了这个动作

1 个动作单 收藏了此动作。

更多信息
分享时间 2021-02-04 17:15
最后更新 2021-02-05 12:30
修订版本 2
限制再分享
Quicker版本 1.22.32.0
动作大小 43.1 KB

分享到

简介

⭐⭐选中html文本预览

复制、编辑文件可实时刷新界面

该动作用到了webview模块,详情请查阅 https://getquicker.net/kc/help/doc/webview2


试试看:


普通html文本测试


<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

效果:


bootstrap框架测试


<div class="container">
   <div class="jumbotron">
        <h1>欢迎登陆页面!</h1>
        <p>这是一个超大屏幕(Jumbotron)的实例。</p>
        <p><a class="btn btn-primary btn-lg" role="button">
        学习更多</a>
      </p>
   </div>
</div>

效果:


echarts框架测试


<div id="旭日图" style="width: 100%;height:450px;"></div>
<script type="text/javascript">
    var myChart = echarts.init(document.getElementById('旭日图'));
    var option = {
        series: {
            type: 'sunburst',
            data: [{
                name: 'A',
                value: 10,
                children: [{
                    value: 3,
                    name: 'Aa'
                }, {
                    value: 5,
                    name: 'Ab'
                }]
            }, {
                name: 'B',
                children: [{
                    name: 'Ba',
                    value: 4
                }, {
                    name: 'Bb',
                    value: 2
                }]
            }, {
                name: 'C',
                value: 3
            }]
        }
    };
    myChart.setOption(option);
</script>
效果:

演示动画

暂无~

最近更新

更新时间 修订版本 更新说明
2021-02-05 12:30 2 新增:表单参数
修复:重复刷新的bug
2021-02-04 17:54 1 修复:界面偶尔刷新失败
2021-02-04 17:15 0
更多...
动作交流
  • 战地老机油 2021-02-05 15:11

    要想刷新修改的内容,好像要重新复制一遍

  • 果然君2 2021-02-05 15:14
    回复 @用户187724923611745

    要想刷新修改的内容,好像要重新复制一遍

    文件的话编辑保存就能刷新,不是文件那也只能重新复制了