Question

我是一个初学者，刚开始熟悉html，css和其他东西。

我刚尝试使用w3.css创建代码块。他们有这个漂亮的w3代码，我把它用作Python代码的例子。它看起来不错，但我还需要强调语法。我按照建议尝试使用w3codecolor.js，但不幸的是它没有做到这一点。为什么？我可以在library中清楚地看到Python模式，但它未在tutorial中列为类。

这是我的代码：

<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)
</code></pre>
  </div>
</div>
<script>
w3CodeColor(document.getElementById("myDiv"));
</script>

它实际上做了一些着色，但它显然与我在Jupyter Notebook中看到的一样，我用它来编写Python（这是我想要实现的）。

P.S。 - 正如你所看到的那样，常规的html标签并不多，因为我在EdX平台上做了这一切，可能就是这种情况，但我不知道。这就是它的样子：screenshot

如何使用w3codecolor.js突出显示Python语法？

0 个答案: