首页 > 其他 > 详细

TinyMCE插件CodeSample前后端应用

时间:2019-04-17 10:42:53      阅读:143      评论:0      收藏:0      [点我收藏+]

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

 

TinyMCE插件CodeSample前后端应用

原文:https://www.cnblogs.com/raswin/p/10721838.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!