text: import{_ as e,r as p,o,c,b as l,w as u,a,d as n,e as s}from"./app.e2658e45.js";const f='{"title":"CodeEditor \u4EE3\u7801\u7F16\u8F91\u5668","description":"","frontmatter":{},"headers":[{"level":2,"title":"CodeEditor \u7EC4\u4EF6\u4EE3\u7801\u7F16\u8F91","slug":"codeeditor-\u7EC4\u4EF6\u4EE3\u7801\u7F16\u8F91"},{"level":2,"title":"CodeEditor props","slug":"codeeditor-props"},{"level":2,"title":"CodeEditor events","slug":"codeeditor-events"},{"level":2,"title":"CodeEditor slot","slug":"codeeditor-slot"},{"level":2,"title":"prism \u5F15\u7528\u9AD8\u4EAE\u4E0E\u6837\u5F0F","slug":"prism-\u5F15\u7528\u9AD8\u4EAE\u4E0E\u6837\u5F0F"},{"level":2,"title":"\u8BED\u6CD5\u9AD8\u4EAE\u914D\u7F6E PrismJS","slug":"\u8BED\u6CD5\u9AD8\u4EAE\u914D\u7F6E-prismjs"}],"relativePath":"qve/codeEditor.md","lastUpdated":1636215949252}',r={},i=a('',7),k=n("div",{class:"language-vue line-numbers-mode"},[n("pre",null,[n("code",null,[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("div")]),s(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("test-code-page"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
      `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("CodeEditor")]),s(`
        `),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("body"),n("span",{class:"token punctuation"},'"')]),s(`
        `),n("span",{class:"token attr-name"},":lang"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("the.code.lang"),n("span",{class:"token punctuation"},'"')]),s(`
        `),n("span",{class:"token attr-name"},":text"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("the.code.body"),n("span",{class:"token punctuation"},'"')]),s(`
        `),n("span",{class:"token attr-name"},"@onEvent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("onCodeEditorEvent"),n("span",{class:"token punctuation"},'"')]),s(`
      `),n("span",{class:"token punctuation"},">")]),s(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("template")]),s(),n("span",{class:"token attr-name"},[n("span",{class:"token namespace"},"v-slot:"),s("tools")]),n("span",{class:"token punctuation"},">")]),s(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("Icon")]),s(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("icon-shezhi"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"title"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("\u8BBE\u7F6E"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("the.show = !the.show"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token punctuation"},"/>")]),s(`
  
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("Select")]),s(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("the.code.lang"),n("span",{class:"token punctuation"},'"')]),s(),n("span",{class:"token attr-name"},"@onEvent"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("onLangEvent"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),s(`
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("option")]),s(`
              `),n("span",{class:"token attr-name"},"v-for"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("(key, index) in the.code.langList"),n("span",{class:"token punctuation"},'"')]),s(`
              `),n("span",{class:"token attr-name"},":key"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("index"),n("span",{class:"token punctuation"},'"')]),s(`
              `),n("span",{class:"token attr-name"},":value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),s("key"),n("span",{class:"token punctuation"},'"')]),s(`
            `),n("span",{class:"token punctuation"},">")]),s(`
              {{ key }}
            `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("option")]),n("span",{class:"token punctuation"},">")]),s(`
          `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("Select")]),n("span",{class:"token punctuation"},">")]),s(`
        `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  
        `),n("span",{class:"token comment"},"<!-- \u6A21\u677F\u5185\u5BB9 -->"),s("\n      let _str = ' 77.88888 '; let _jsonstr = `{id:123}`;\n    "),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("CodeEditor")]),n("span",{class:"token punctuation"},">")]),s(`
    `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("div")]),n("span",{class:"token punctuation"},">")]),s(`
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("template")]),n("span",{class:"token punctuation"},">")]),s(`
  
  `),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),s("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[s(`
  `),n("span",{class:"token keyword"},"export"),s(),n("span",{class:"token keyword"},"default"),s(),n("span",{class:"token punctuation"},"{"),s(`
    `),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[s("props"),n("span",{class:"token punctuation"},","),s(" context")]),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token punctuation"},"{"),s(`
      `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token punctuation"},"{"),s(" reactive "),n("span",{class:"token punctuation"},"}"),s(),n("span",{class:"token operator"},"="),s(" window"),n("span",{class:"token punctuation"},"."),s("$plus"),n("span",{class:"token punctuation"},"."),s("vue"),n("span",{class:"token punctuation"},";"),s(`
  
      `),n("span",{class:"token keyword"},"const"),s(" the "),n("span",{class:"token operator"},"="),s(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),s(`
        code`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"{"),s(`
          `),n("span",{class:"token comment"},"/** \u4EE3\u7801\u8BED\u8A00\u7C7B\u522B */"),s(`
          lang`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},","),s(`
          langList`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token punctuation"},"["),s(`
            `),n("span",{class:"token string"},"'vue'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'c#'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'js'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'css'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'html'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'md'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'ts'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'py'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'sql'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'xml-doc'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'json'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'bash'"),n("span",{class:"token punctuation"},","),s(`
            `),n("span",{class:"token string"},"'c'"),n("span",{class:"token punctuation"},","),s(`
          `),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),s(`
          title`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'\u5728\u7EBF\u5E2E\u52A9'"),n("span",{class:"token punctuation"},","),s(`
          path`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'/page/help/index'"),n("span",{class:"token punctuation"},","),s(`
          `),n("span",{class:"token comment"},"// \u7248\u672C"),s(`
          version`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"'0.0.1'"),n("span",{class:"token punctuation"},","),s(`
          `),n("span",{class:"token comment"},"// \u7F16\u8BD1\u540E\u4EE3\u7801"),s(`
          code`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),s(`
          `),n("span",{class:"token comment"},"// \u6E90\u4EE3\u7801"),s(`
          body`),n("span",{class:"token operator"},":"),s(),n("span",{class:"token string"},"''"),n("span",{class:"token punctuation"},","),s(`
        `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
  
      `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"onCodeEditorEvent"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"resp"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
        console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onCodeEditorEvent'"),n("span",{class:"token punctuation"},","),s(" resp"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
        the`),n("span",{class:"token punctuation"},"."),s("code"),n("span",{class:"token punctuation"},"."),s("body "),n("span",{class:"token operator"},"="),s(" resp"),n("span",{class:"token punctuation"},"."),s("value"),n("span",{class:"token punctuation"},";"),s(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  
      `),n("span",{class:"token keyword"},"const"),s(),n("span",{class:"token function-variable function"},"onLangEvent"),s(),n("span",{class:"token operator"},"="),s(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"data"),n("span",{class:"token punctuation"},")"),s(),n("span",{class:"token operator"},"=>"),s(),n("span",{class:"token punctuation"},"{"),s(`
        console`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"log"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'onLangEvent'"),n("span",{class:"token punctuation"},","),s(" the"),n("span",{class:"token punctuation"},"."),s("code"),n("span",{class:"token punctuation"},"."),s("lang"),n("span",{class:"token punctuation"},","),s(" data"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),s(`
      `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  
      `),n("span",{class:"token keyword"},"return"),s(),n("span",{class:"token punctuation"},"{"),s(" the"),n("span",{class:"token punctuation"},","),s(" onCodeEditorEvent"),n("span",{class:"token punctuation"},","),s(" onLangEvent "),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
    `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),s(`
  `),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),s(`
  `)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),s("script")]),n("span",{class:"token punctuation"},">")]),s(`
  `)])]),n("div",{class:"line-numbers-wrapper"},[n("span",{class:"line-number"},"1"),n("br"),n("span",{class:"line-number"},"2"),n("br"),n("span",{class:"line-number"},"3"),n("br"),n("span",{class:"line-number"},"4"),n("br"),n("span",{class:"line-number"},"5"),n("br"),n("span",{class:"line-number"},"6"),n("br"),n("span",{class:"line-number"},"7"),n("br"),n("span",{class:"line-number"},"8"),n("br"),n("span",{class:"line-number"},"9"),n("br"),n("span",{class:"line-number"},"10"),n("br"),n("span",{class:"line-number"},"11"),n("br"),n("span",{class:"line-number"},"12"),n("br"),n("span",{class:"line-number"},"13"),n("br"),n("span",{class:"line-number"},"14"),n("br"),n("span",{class:"line-number"},"15"),n("br"),n("span",{class:"line-number"},"16"),n("br"),n("span",{class:"line-number"},"17"),n("br"),n("span",{class:"line-number"},"18"),n("br"),n("span",{class:"line-number"},"19"),n("br"),n("span",{class:"line-number"},"20"),n("br"),n("span",{class:"line-number"},"21"),n("br"),n("span",{class:"line-number"},"22"),n("br"),n("span",{class:"line-number"},"23"),n("br"),n("span",{class:"line-number"},"24"),n("br"),n("span",{class:"line-number"},"25"),n("br"),n("span",{class:"line-number"},"26"),n("br"),n("span",{class:"line-number"},"27"),n("br"),n("span",{class:"line-number"},"28"),n("br"),n("span",{class:"line-number"},"29"),n("br"),n("span",{class:"line-number"},"30"),n("br"),n("span",{class:"line-number"},"31"),n("br"),n("span",{class:"line-number"},"32"),n("br"),n("span",{class:"line-number"},"33"),n("br"),n("span",{class:"line-number"},"34"),n("br"),n("span",{class:"line-number"},"35"),n("br"),n("span",{class:"line-number"},"36"),n("br"),n("span",{class:"line-number"},"37"),n("br"),n("span",{class:"line-number"},"38"),n("br"),n("span",{class:"line-number"},"39"),n("br"),n("span",{class:"line-number"},"40"),n("br"),n("span",{class:"line-number"},"41"),n("br"),n("span",{class:"line-number"},"42"),n("br"),n("span",{class:"line-number"},"43"),n("br"),n("span",{class:"line-number"},"44"),n("br"),n("span",{class:"line-number"},"45"),n("br"),n("span",{class:"line-number"},"46"),n("br"),n("span",{class:"line-number"},"47"),n("br"),n("span",{class:"line-number"},"48"),n("br"),n("span",{class:"line-number"},"49"),n("br"),n("span",{class:"line-number"},"50"),n("br"),n("span",{class:"line-number"},"51"),n("br"),n("span",{class:"line-number"},"52"),n("br"),n("span",{class:"line-number"},"53"),n("br"),n("span",{class:"line-number"},"54"),n("br"),n("span",{class:"line-number"},"55"),n("br"),n("span",{class:"line-number"},"56"),n("br"),n("span",{class:"line-number"},"57"),n("br"),n("span",{class:"line-number"},"58"),n("br"),n("span",{class:"line-number"},"59"),n("br"),n("span",{class:"line-number"},"60"),n("br"),n("span",{class:"line-number"},"61"),n("br"),n("span",{class:"line-number"},"62"),n("br"),n("span",{class:"line-number"},"63"),n("br"),n("span",{class:"line-number"},"64"),n("br"),n("span",{class:"line-number"},"65"),n("br"),n("span",{class:"line-number"},"66"),n("br"),n("span",{class:"line-number"},"67"),n("br"),n("span",{class:"line-number"},"68"),n("br"),n("span",{class:"line-number"},"69"),n("br"),n("span",{class:"line-number"},"70"),n("br"),n("span",{class:"line-number"},"71"),n("br"),n("span",{class:"line-number"},"72"),n("br"),n("span",{class:"line-number"},"73"),n("br"),n("span",{class:"line-number"},"74"),n("br"),n("span",{class:"line-number"},"75"),n("br"),n("span",{class:"line-number"},"76"),n("br")])],-1),d=a(`__VP_STATIC_START__<h2 id="codeeditor-props" tabindex="-1">CodeEditor props <a class="header-anchor" href="#codeeditor-props" aria-hidden="true">#</a></h2><table><thead><tr><th>\u5C5E\u6027</th><th>\u8BF4\u660E</th><th>\u7C7B\u578B</th><th>\u9ED8\u8BA4\u503C</th></tr></thead><tbody><tr><td>named <code>0.4.2</code></td><td>\u7EC4\u4EF6\u547D\u540D</td><td>String</td><td>input</td></tr><tr><td>v-model</td><td>\u53CC\u5411\u7ED1\u5B9A\u6570\u636E</td><td>String</td><td>-</td></tr><tr><td>disabled</td><td>\u8BBE\u7F6E\u8F93\u5165\u6846\u4E3A\u53EA\u8BFB</td><td>Boolean</td><td>false</td></tr><tr><td>lang</td><td>\u4EE3\u7801\u8BED\u8A00</td><td>String</td><td>vue</td></tr><tr><td>css</td><td>\u6837\u5F0F</td><td>String</td><td>qv-code-dark</td></tr><tr><td>focus</td><td>\u8BBE\u7F6E\u4E3A\u7126\u70B9</td><td>Boolean</td><td>false</td></tr><tr><td>tabSize</td><td>\u7A7A\u683C\u95F4\u8DDD</td><td>Number</td><td>2</td></tr><tr><td>newPaddingChars</td><td>\u65B0\u8282\u70B9\u8D77\u59CB\u5B9A\u4E49</td><td>Array</td><td>[&#39;{&#39;, &#39;&gt;&#39;, &#39;:&#39;]</td></tr><tr><td>selfClosingChars</td><td>\u7ED3\u675F\u8282\u70B9\u5B9A\u4E49</td><td>Object</td><td>{open: [&#39;{&#39;, &#39;(&#39;, &#39;[&#39;],close: [&#39;}&#39;, &#39;)&#39;, &#39;]&#39;],}</td></tr></tbody></table><h2 id="codeeditor-events" tabindex="-1">CodeEditor events <a class="header-anchor" href="#codeeditor-events" aria-hidden="true">#</a></h2><table><thead><tr><th>\u4E8B\u4EF6\u540D</th><th>\u8BF4\u660E</th><th>\u503C</th></tr></thead><tbody><tr><td>onEvent</td><td>\u70B9\u51FB\u89E6\u53D1\u56DE\u8C03\u4E8B\u4EF6</td><td></td></tr><tr><td>cmd</td><td>\u56FE\u6807\u89E6\u53D1\u6307\u4EE4 <code>update</code> \u66F4\u65B0\u503C</td><td>string</td></tr><tr><td>named</td><td>\u81EA\u5B9A\u4E49\u7EC4\u4EF6\u547D\u540D</td><td>string</td></tr><tr><td>value</td><td>\u4EE3\u7801\u5185\u5BB9</td><td>string</td></tr></tbody></table><h2 id="codeeditor-slot" tabindex="-1">CodeEditor slot <a class="header-anchor" href="#codeeditor-slot" aria-hidden="true">#</a></h2><table><thead><tr><th>\u540D\u79F0</th><th>\u8BF4\u660E</th></tr></thead><tbody><tr><td>tools</td><td>\u5DE5\u5177\u680F</td></tr><tr><td>\u65E0</td><td>\u4E3B\u4F53\u5185\u5BB9</td></tr></tbody></table><h2 id="prism-\u5F15\u7528\u9AD8\u4EAE\u4E0E\u6837\u5F0F" tabindex="-1">prism \u5F15\u7528\u9AD8\u4EAE\u4E0E\u6837\u5F0F <a class="header-anchor" href="#prism-\u5F15\u7528\u9AD8\u4EAE\u4E0E\u6837\u5F0F" aria-hidden="true">#</a></h2><ul><li>index.html</li></ul><div class="language-html line-numbers-mode"><pre><code><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>en<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">charset</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>UTF-8<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>icon<span class="token punctuation">&quot;</span></span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>/favicon.ico<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>meta</span> <span class="token attr-name">name</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>viewport<span class="token punctuation">&quot;</span></span> <span class="token attr-name">content</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>width=device-width, initial-scale=1.0<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>title</span><span class="token punctuation">&gt;</span></span>QVE<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>title</span><span class="token punctuation">&gt;</span></span>
  
      <span class="token comment">&lt;!-- \u5F15\u7528\u6837\u5F0F--&gt;</span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>link</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>/static/plus/prism/tom/prism.css<span class="token punctuation">&quot;</span></span> <span class="token attr-name">rel</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>stylesheet<span class="token punctuation">&quot;</span></span> <span class="token punctuation">/&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">&gt;</span></span>
  
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>body</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>appTopBody<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>app<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">id</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>endOfBody<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>
  
      <span class="token comment">&lt;!-- \u5F15\u7528\u4EE3\u7801\u7684 script \u6807\u7B7E\u52A0\u4E0A\u624B\u52A8 data-manual \u6807\u8BB0--&gt;</span>
      <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>/static/plus/prism/tom/prism.js<span class="token punctuation">&quot;</span></span> <span class="token attr-name">data-manual</span><span class="token punctuation">&gt;</span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">&gt;</span></span>
  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">&gt;</span></span>
  </code></pre><div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br></div></div><h2 id="\u8BED\u6CD5\u9AD8\u4EAE\u914D\u7F6E-prismjs" tabindex="-1">\u8BED\u6CD5\u9AD8\u4EAE\u914D\u7F6E PrismJS <a class="header-anchor" href="#\u8BED\u6CD5\u9AD8\u4EAE\u914D\u7F6E-prismjs" aria-hidden="true">#</a></h2><p>\u7248\u672C: 1.22.0 \u4E3B\u9898\uFF1Atomorrow \u8BED\u6CD5\uFF1Alanguages=markup+css+clike+javascript+bash+c+csharp+json+json5+plsql+python+sql+typoscript+xml-doc \u5916\u6302\uFF1Aline-highlight\uFF0Cline-numbers\uFF0Chighlight-keywords\uFF0Cnormalize-whitespace</p><p><a href="https://prismjs.com/download.html#themes=prism-tomorrow&amp;languages=markup+css+clike+javascript+bash+c+csharp+json+json5+plsql+python+sql+typoscript+xml-doc&amp;plugins=line-highlight+line-numbers+highlight-keywords+normalize-whitespace" target="_blank" rel="noopener noreferrer">https://prismjs.com/download.html#themes=prism-tomorrow&amp;languages=markup+css+clike+javascript+bash+c+csharp+json+json5+plsql+python+sql+typoscript+xml-doc&amp;plugins=line-highlight+line-numbers+highlight-keywords+normalize-whitespace</a></p>__VP_STATIC_END__`,12);function b(m,g,h,v,q,_){const t=p("CodeRun");return o(),c("div",null,[i,l(t,{auto:""},{default:u(()=>[k]),_:1}),d])}var E=e(r,[["render",b]]);export{f as __pageData,E as default};
  