后端使用插件CodeSample方法:

<html>
<textarea  ></textarea>
</html>

<script>
tinymce.init({
  selector: "#editor_id", 
  plugins: "codesample",
  toolbar: "codesample"
});
</script>

 

前端展示CodeSample方法:

首先需要从prism网站上下载prism.js and prism.css(网站提供了不同Theme的prism,很贴心),在展示页面调用

<link rel="stylesheet" type="text/css" href="prism.css">
<script type="text/javascript" src="prism.js"></script>

<p class="txt"> 
<pre class="language-markup"><code>...</code></pre>
</p>

 

相关文章:

  • 2021-03-28
  • 2022-01-02
  • 2021-08-31
  • 2021-05-29
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-06-21
猜你喜欢
  • 2021-09-25
  • 2021-10-25
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-28
相关资源
相似解决方案