vue呼び出しaceリッチテキストエディタ

    
       shell
    
    
    	bat
    
    
    	perl
    
     
     	python
     
     
     	powershell
     
 

     
</code></pre>
 </div>
</code></pre> 
  <p>3.vue   </p> 
  <pre><code>data:{
scriptType: 'sh',
},
methods:{
changeType(lang) {
                //     
                this.editor = ace.edit("code");

                //       （       ，  github       ）
                theme = "clouds"
                language = lang
                this.editor.setTheme("ace/theme/monokai");
                this.editor.session.setMode("ace/mode/" + language);

                //    
                this.editor.setFontSize(18);

                //    （true   ，      ）
                this.editor.setReadOnly(false);

                //    ,   off  
                this.editor.setOption("wrap", "free")

                //      
                ace.require("ace/ext/language_tools");
                this.editor.setOptions({
                    enableBasicAutocompletion: true,
                    enableSnippets: true,
                    enableLiveAutocompletion: true
                });
            }
            }
            
         
</code></pre> 
  <pre><code>watch: {
            scriptType(val) {
                this.editor_show = true;
                if (this.editor) {
                    this.editor.destroy();
                    this.editor.container.remove();
                }
                $(".editor_box").append('<pre><code><textarea class="ace_text-input"/></code></pre>');
                this.changeType(val)
            }
            }
</code></pre> 
 </div> 
</div>
                            </div>
                        </div>