Bỏ qua

Mã nhúng

Trang này chứa thông tin chi tiết về cấu trúc của mã nhúng cho các widget khác nhau.

cTrader Web, Chiến lược của bạn, Chiến lược đơn lẻ, Nhiều chiến lược, Biểu đồ thị trường

Mã nhúng cho các widget cTrader Web, Biểu đồ thị trường, Chiến lược của bạn, Chiến lược đơn lẻ và Nhiều chiến lược trông như sau:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/?lang=en&theme=light&u=letstrade747","appConfig":{"chart":{"initialChartLayout":"Single"}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/copy-provider/?lang=en&theme=dark&providerNickname=letstrade747&u=letstrade747","appConfig":{"strategy":{"showStrategyPromotion":true}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%, height: 100%"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/esp/2082/?lang=en&theme=dark&u=letstrade747","appConfig":{"strategy":{"showStrategyPromotion":false}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 100%; height: 100%; position: relative"></div>
<script id="init" type="text/javascript" defer src="https://app.ctrader.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/multiple-strategies/?lang=en&theme=dark&u=letstrade747&strategyIdList=2082%2C2203","appConfig":{"strategy":{"showStrategyPromotion":true}}});
    };
</script>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
<div id="ctrader-plugin-root" style="width: 830px; height: 700px; position: relative"></div>
<script id="init" type="text/javascript" defer src="https://ct.spotware.com/widget.js"></script>
<script type="text/javascript">
    const script = document.getElementById('init');

    script.onload = () => {
        putInitScript('runPlugin');
        runPlugin('ctrader-plugin-root', {"route":"/market-chart/?s=EURUSD&period=H1&charttype=candlestick&palettename=dark&lang=en&w=830&h=700"});
    };
</script>

Mỗi tham số và đối số hàm được định nghĩa như sau.

Tên Định nghĩa và giá trị
div id "ctrader-root". Đây là định danh duy nhất để nhúng widget vào một tài nguyên web.
style "width: {number}%, height: {number}%". Chiều rộng và chiều cao tương đối của khối nhúng (tương đối so với kích thước của vùng chứa cha). Lưu ý rằng thuộc tính display của phần tử cha phải được đặt thành display: block.
type...defer "text/javascript". Chỉ thị nêu rõ rằng khối nhúng chứa JavaScript ở dạng văn bản. Thuộc tính defer nêu rõ rằng tập lệnh chỉ nên được thực thi sau khi trình duyệt hoàn tất phân tích cú pháp toàn bộ HTML của tài nguyên nơi khối được nhúng.
'runPlugin' Tên của tập lệnh cần được thực thi.
'ctrader-plugin-root Tên của phần tử cần nhúng.
"route" URL của phần tử cần nhúng tương đối so với URL cơ sở của cTrader Web.
"appConfig" Cấu hình của phần tử được nhúng. Để biết các giá trị có thể, xem các hàng sau.
"chart":{"initialChartLayout":"Single"}" Chế độ biểu đồ ban đầu của widget cTrader Web. Có thể đặt "initialChartLayout" thành "Single", "Multi" hoặc "Free".
"strategy":{"showStrategyPromotion":false} Cấu hình xác định liệu khối Quảng bá chiến lược có được hiển thị cho widget Chiến lược của bạn hoặc Bất kỳ chiến lược hay không.

Cảnh báo

Việc đặt tham số style của các widget này là bắt buộc trước khi nhúng chúng vào tài nguyên web của bạn; nếu không, các widget sẽ không được hiển thị. Bạn chỉ có thể chỉ định width và height của widget và để trống tất cả các thuộc tính khác.