summernote 的pre问题

Question

我用summernote作为编辑器，发现有两个问题，请教大神帮我解决：
1.每次插入pre样式，输入一部分代码，然后想换行，按enter,结果跳出了pre，效果如下

请问有什么方法在pre中换行吗？
2.针对上面的问题，我先选用

标签将代码编辑好，如图：

查看其源代码为

然后我再选中它，切换其标签为pre,效果如下：

查看其源代码为：

很明显其源代码中多了个
，实现了pre内的换行。
到这里貌似一切ok，接着我用prettify做了个代码高亮，就有问题了，加了个行号，结果只识别为一行，效果如下：

请问是什么原因呀？
补充：我在网上直接粘贴了一段代码到我的summernote编辑器，其效果如下：

其源代码为

由此可见，在粘贴的时候直接把pre粘过来了，其源码内，并没有
，加prettify的显示效果如下：

能实现断行分号了。
鉴于上面遇到的问题，请大神不吝赐教！