Как написать HTML внутри диалогового окна IPython? - PullRequest
Новая
       3

Как написать HTML внутри диалогового окна IPython?

0 голосов
/ 13 сентября 2018

Как я могу написать html как html (не как строку HTML) в диалоге IPython?

Например: у меня есть расширение пользовательского интерфейса Ipython, которое показывает диалоговое окно 

require(
    ["base/js/dialog"], 
    function(dialog) {
        dialog.modal({
            title: 'Hello world',
            body: ?? ,
            buttons: {
                'schedule': {}
            }
        });
    }
);

Теперь внутри тела диалогового окна я хочу показать следующий HTML-контент.

    <label>Quick Schedule</label><br />

    <a class="btn btn-primary" onclick="schedule = '@reboot'; job_string();">Startup</a>
    <a class="btn btn-primary" onclick="schedule = '@hourly'; job_string();">Hourly</a>
    <a class="btn btn-primary" onclick="schedule = '@daily'; job_string();">Daily</a>
    <a class="btn btn-primary" onclick="schedule = '@weekly'; job_string();">Weekly</a>
    <a class="btn btn-primary" onclick="schedule = '@monthly'; job_string();">Monthly</a>
    <a class="btn btn-primary" onclick="schedule = '@yearly'; job_string();">Yearly</a><br /><br />

    <div class="row">
        <div class="col-md-2">Minute</div>
        <div class="col-md-2">Hour</div>
        <div class="col-md-2">Day</div>
        <div class="col-md-2">Month</div>
        <div class="col-md-2">Week</div>
    </div>

    <div class="row">
        <div class="col-md-2"><input type="text" class="form-control" id="job-minute" value="*" onclick="this.select();"/></div>
        <div class="col-md-2"><input type="text" class="form-control" id="job-hour" value="*" onclick="this.select();"/></div>
        <div class="col-md-2"><input type="text" class="form-control" id="job-day" value="*" onclick="this.select();"/></div>
        <div class="col-md-2"><input type="text" class="form-control" id="job-month" value="*" onclick="this.select();"/></div>
        <div class="col-md-2"><input type="text" class="form-control" id="job-week" value="*" onclick="this.select();"/></div>
        <div class="col-md-2"><a class="btn btn-primary" onclick="set_schedule();">Set</a></div>
    </div>

Как показать этот HTML-контент?Свинец здесь действительно ценится?

1 Ответ

0 голосов
/ 20 сентября 2018

См. Ответ в HTML-строке через jQuery append

Совет: вместо этого пишите расширения для Jupyter Lab, которые также поддерживают написание Typescripts.

...