Как выделить синтаксис Python, используя w3codecolor.js? - PullRequest
0 голосов
/ 22 мая 2018

Я новичок, только начинаю знакомиться с html, css и другими вещами.

Я только что попытался создать блок кода с помощью w3.css.У них есть эта симпатичная штука w3-кода, которую я использовал для примера кода Python.Это выглядит хорошо, но мне также нужно выделить синтаксис.Я попытался использовать w3codecolor.js, как это было предложено, но, к сожалению, ничего не вышло.Зачем?Я ясно вижу режим Python в библиотеке , но он не указан как класс в руководстве .

Вот мой код:

<head>
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  <script src="https://www.w3schools.com/lib/w3codecolor.js"></script>
</head>


<div id="myDiv">
<div class="w3-panel w3-card w3-light-grey">
  <h3>Example code, oh yeah baby</h3>
  <div class="w3-code pythonHigh">
<pre><code>df = pd.read_csv('UCI_Credit_Card.csv')

def valuation_formula(limit):
    if limit<=10000.: 
        return 'A'
    elif limit<=100000. and limit>10000.:
        return 'B'
    elif limit<=200000. and limit>100000.:
        return 'C'
    elif limit<=400000. and limit>200000.:
        return 'D'
    elif limit<=700000. and limit>400000.:
        return 'E'
    else:
        return 'F'

              
df['NEW_COLUMN'] = df.apply(lambda row: valuation_formula(row['LIMIT_BAL']), axis=1)
df.head(10)
w3CodeColor (document.getElementById ("myDiv"));

Это на самом деле делает некоторые раскраски, но это явно не похоже на то, что я вижу в Jupyter Notebook, который я использую для кодирования Python (эточего я пытаюсь достичь).

PS - Как видите, не так много обычных HTML-тегов, потому что я делаю все это на платформе EdX, что может быть так, но у меня нетПодсказка.Вот как это выглядит: скриншот

...