Weebly中模板级别的默认图像

时间:2017-07-03 05:23:24

标签: weebly

有没有办法在“标题类型html ”中设置默认图片来源,以便页面编辑者在页面编辑模式下查看图片?

因为当我添加图像时如下

import UIKit
import Charts

class BarChartViewController: UIViewController {
    @IBOutlet weak var barChartView: BarChartView!

    var months: [String]!

    override func viewDidLoad() {
        super.viewDidLoad()
        // barChartView.noDataTextDescription = "Just because" type BarChartView doest have noDataTextDescription
        months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
        let unitsSold = [20.0, 4.0, 6.0, 3.0, 12.0, 16.0, 4.0, 18.0, 2.0, 4.0, 5.0, 4.0]

        //setChart(months, values: unitsSold) missing argument label dataPoints: in call
        setChart(dataPoints: months, values: unitsSold)
    }

    func setChart(dataPoints: [String], values: [Double]) {
        barChartView.noDataText = "You need to provide data for the chart."
        var dataEntries: [BarChartDataEntry] = []

        for i in 0..<dataPoints.count {
            // let dataEntry = BarChartDataEntry(value: values[i], xIndex: i) // argument labeld dont match
            let dataEntry = BarChartDataEntry(x: Double(i), y: values[i], data: dataPoints[i] as AnyObject)
            dataEntries.append(dataEntry)
        }

        let chartDataSet = BarChartDataSet(values: dataEntries, label: "Units Sold")

        // let chartData = BarChartData(xVals: months, dataSet: chartDataSet) cannot invoke initializer BarCharData with arg list of (xVals: [String]!, dataSet: BarCharDataSet
        let chartData    = BarChartData(dataSets: [chartDataSet])

        barChartView.data = chartData
         //barChartView.xAxis.ent
        barChartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: months)
        barChartView.xAxis.labelCount = months.count
        barChartView.xAxis.labelPosition = .bottom

    }

}

我在页面编辑中看到的只是一个图像图标,对用户来说没有多大意义。 请参阅:http://prntscr.com/fqxmzf

我的理由是为他提供一个正确的观点,让他了解出版后的样子?但我想模板级别中给出的图像(我的意思是作为自定义html提供的元素)不能正确呈现。 有什么方法可以成功吗?

1 个答案:

答案 0 :(得分:0)

因为您看到的图像是HTML,请参见屏幕截图,您将无法使用CSS更改它。并且您可能无法使用JavaScript或Jquery执行此操作。

enter image description here

但话虽如此,您当然可以使用CSS更改白色背景区域。你可以这样做;

#icontent .weebly-image-area-placeholder {
    background: url(background.png) no-repeat;
    background-position: 50% 0;
    box-shadow: inset 0px 0px 15px 0px #000000;
    cursor: pointer;
}

请注意,您实际上只需要在上面提到的CSS中使用background: url(background.png) no-repeat;,但我已经添加了该占位符的所有CSS,因此您可以看到您也可以更改它的其他方面。 / p>

将占位符图像留在原位,至少会让用户知道他们可以而且应该替换该图像。