simditor以及highlight.js
首先是simditor的使用
这个很容易(附链接:Simditor使用方法)
然后就是搭配simditor实现代码高亮的效果
首先simditor编辑的内容都要放到pre标签里
代码部分的格式是这样的:
<html>
<div class="lang-c++ selected" data-lang="c++">
</html>
而highlight.js提供的高亮的功能
我们只要把对应代码位置的class类型改成hightlight.js要求的格式就好了
这是google到的一份实现以上功能的js代码(附链接:使用simditor作为django的富文本编辑器):
<html>
<script type="text/javascript" src="/static/js/highlight.js"></script>
<script>
$(document).ready(function(){
$("pre[class^='lang']").each(function(i, block){
hljs.highlightBlock(block);
});
hljs.initHighlightingOnLoad(); // 加这句是为了兼容之前的。
});
</script>
</html>
就酱