后端使用插件CodeSample方法:
<html> <textarea id="editor_id" name="content" placeholder="請輸入詳情" ></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>