riot.js ace tagを作る。

3349 ワード
Ace riot.js tag tag テキストリンク

日本語の変換に目をつぶればace editorは簡単。

<script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.3.3/ace.js" type="text/javascript" charset="utf-8"></script>
<script src="//gnjo.github.io/riot.js"></script>
<ace></ace>
<ace></ace>
<ace></ace>
<ace></ace>
<ace></ace>
<ace></ace>

riot.tag(`ace`
,`<pre ref="code"></pre>`
,function(opt){
 let ed=null;
 this.one('mount',function(){
     ed = ace.edit(this.refs.code,{
        maxLines: 30,
        wrap: true,
        autoScrollEditorIntoView: true
    })      
     ed.setTheme("ace/theme/solarized_dark");
     ed.session.setMode("ace/mode/javascript");
 })
})       
;
riot.mount('ace')
;