要实现代码高亮和格式化功能，可以使用一些开源的JavaScript库，如Prism.js、Highlight.js和CodeMirror等。以下是一个使用Prism.js实现代码高亮和格式化的示例代码：
- 在HTML文档中引入Prism.js库和相应的语言扩展库，如下所示：
<head>
<link rel="stylesheet" href="path/to/prism.css">
<script src="path/to/prism.js"></script>
<script src="path/to/prism-language.js"></script>
</head>
- 在需要高亮和格式化的代码块上添加合适的class，如下所示：
<pre><code class="language-javascript">
// your code goes here
</code></pre>
- 在页面加载完毕后，调用Prism.highlightAll()方法，即可实现代码高亮和格式化功能：
<script>
window.onload = function() {
Prism.highlightAll();
};
</script>
以上是使用Prism.js实现代码高亮和格式化的简单示例，更详细的用法可以参考官方文档或其他相关教程。