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.jsandprism.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>

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容