angular中引入highlight.js

1. 在angular中安装highlight.js, 我没有安装其他的, 直接安装的highlight.js这个库

2. 在需要用到的module中进行语言注册, 这里我在app.module中进行的highlight语言的注册

import typescript from 'highlight.js/lib/languages/typescript';

import xml from 'highlight.js/lib/languages/xml';

import sql from 'highlight.js/lib/languages/sql';

import hljs from 'highlight.js/lib/core';

 

hljs.registerLanguage('typescript', typescript);

 hljs.registerLanguage('xml', xml);

 hljs.registerLanguage('sql', sql);

 3. 进行界面应用

// html 
<pre #code>
      <code class="lang-javascript" mwlHighlightJs  language="js">const a = 1;</code>
      <code class="language-sql">
        SELECT 1 AS ID, '张三' AS NAME, '2019-01-01' AS birthday FROM dual UNION ALL
        S