Initial commit

plugin/dev/code_css/App.php

@@ -0,0 +1,17 @@
+<?php
+/**
+ * CSS 格式化/压缩
+ */
+
+namespace plugin\dev\code_css;
+
+use app\Plugin;
+
+class App extends Plugin
+{
+
+    public function index()
+    {
+        return $this->view();
+    }
+}

plugin/dev/code_css/index.html

@@ -0,0 +1,72 @@
+{extend name="common/plugin_layout" /}
+{block name="title"}{$plugin.title} - {:config_get('title')}{/block}
+{block name="head"}
+<link rel="stylesheet" href="{$cdn_npm}[email protected]/lib/codemirror.css">
+<link rel="stylesheet" href="{$cdn_npm}[email protected]/theme/mdn-like.css">
+<script src="{$cdn_npm}[email protected]/lib/codemirror.js"></script>
+<script src="{$cdn_npm}[email protected]/js/lib/beautifier.min.js"></script>
+<script src="{$cdn_npm}[email protected]/dist/csso.js"></script>
+<script src="{$cdn_npm}[email protected]/mode/css/css.js"></script>
+{/block}
+{block name="main"}
+<div class="container-xl">
+    <div class="card card-preview">
+        <div class="card-inner mt-3">
+            <div class="nya-title nk-ibx-action-item progress-rating">
+                <span class="nk-menu-text font-weight-bold">CSS 格式化/压缩</span>
+            </div>
+            <div class="form-group">
+                <label class="form-label">代码：</label>
+                <div class="form-control-wrap">
+                    <textarea id="code" class="textarea textarea-bordered "></textarea>
+                </div>
+            </div>
+        
+            <button class="btn btn-dim btn-outline-secondary card-link" onclick="format()">
+                格式化
+            </button>
+            <button class="btn btn-dim btn-outline-secondary card-link" onclick="compress()">
+                压缩
+            </button>
+            <button class="btn btn-dim btn-outline-secondary card-link" onclick="reset()">
+                <em class="icon ni ni-reload"></em>
+                清空
+            </button>
+        </div>
+    </div>
+</div>
+{/block}
+{block name="script"}
+<script>
+var defaultvalue = `body {
+    border: 1px solid #eee;
+    height: 100%;
+    color: #fff;
+    /*background-color: skyblue;*/
+}`;
+$("#code").html(defaultvalue);
+var initcodemirror = CodeMirror.fromTextArea(document.getElementById("code"), {  // 标识到textarea
+    value: defaultvalue,  // 文本域默认显示的文本
+    mode: {name: "css"},  // 模式
+    theme: "mdn-like",  // CSS样式选择
+    indentUnit: 2,  // 缩进单位，默认2
+    smartIndent: true,  // 是否智能缩进
+    tabSize: 4,  // Tab缩进，默认4
+    readOnly: false,  // 是否只读，默认false
+    showCursorWhenSelecting: true,
+    lineNumbers: true,  // 是否显示行号
+    lineWrapping: true,
+    matchBrackets: true,
+});
+function format() {
+    initcodemirror.setValue(beautifier.css(initcodemirror.getValue()));
+}
+function compress() {
+    initcodemirror.setValue(csso.minify(initcodemirror.getValue()).css);
+}
+function reset() {
+    $("#code").val('');
+    initcodemirror.setValue('');
+}
+</script>
+{/block}