TinyMCE插件CodeSample前后端應用


后端使用插件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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM