zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    forget word out4
    forget word out2
    forget words out1
    en_o out1
    en_e outtest2
    en_e out1
    疑难en_a
    en_a
    entest1
    铺音out2
  • 原文地址:https://www.cnblogs.com/raswin/p/10721838.html
Copyright © 2011-2022 走看看