src/ZKEACMS.StyleEditor/Scripts/editor.js

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

/*! http://www.zkea.net/
 * Copyright (c) ZKEASOFT. All rights reserved.
 * http://www.zkea.net/licenses */

function updateDisplay() {

    var width = document.getElementById("width").value;
    var height = document.getElementById("height").value;

    var textColor = document.getElementById("t-color").value;
    var backgroundColor = document.getElementById("b-color").value;

    var borderWidth = document.getElementById("border-width").innerHTML + "px";
    var borderColor = document.getElementById("bc-color").value;
    var borderStyle = document.getElementById("border-style").value;

    var padding = document.getElementById("padding-custom").value;
    if (!padding) {
        padding = document.getElementById("padding").innerHTML + "px";
    }
    var margin = document.getElementById("margin-custom").value;
    if (!margin) {
        margin = document.getElementById("margin").innerHTML + "px";
    }

    var fontName = document.getElementById("font-name").value;
    var fontStyle = document.getElementById("font-style").value;
    var fontWeight = document.getElementById("font-weight").value;
    var fontSize = document.getElementById("font-size").innerHTML + "px";
    var fontVariant = document.getElementById("font-variant").value;
    var lineHeight = document.getElementById("line-height").innerHTML + "px";

    var textAlign = document.getElementById("text-align").value;
    var textDecoration = document.getElementById("text-decoration").value;
    var textIndent = document.getElementById("text-indent").innerHTML + "px";
    var letterSpacing = document.getElementById("letter-spacing").innerHTML + "px";
    var wordSpacing = document.getElementById("word-spacing").innerHTML + "px";
    var textTransform = document.getElementById("text-transform").value;

    var backgroundImage = document.getElementById("background-image").value;
    if (backgroundImage) {
        backgroundImage = 'url(' + backgroundImage.replace("~/", "/") + ')';
    }
    var backgroundRepeat = document.getElementById("background-repeat").value;
    var backgroundPosition = document.getElementById("background-position").value;
    var backgroundAttachment = document.getElementById("background-attachment").value;
    var backgroundSize = document.getElementById("background-size").value;
    var background = document.getElementById("background").value;

    var cssPosition = document.getElementById("position").value;
    var cssTop = document.getElementById("position-top").value + "px";
    var cssLeft = document.getElementById("position-left").value + "px";
    var cssRight = document.getElementById("position-right").value + "px";
    var cssBottom = document.getElementById("position-bottom").value + "px";
    var zIndex = document.getElementById("z-index").value;

    var cssCursor = document.getElementById("cursor").value;
    var cssVisibility = document.getElementById("visibility").value;
    var cssOverflow = document.getElementById("overflow").value;
    var cssFloat = document.getElementById("float").value;