簡體   English   中英

UI-codemirror插件

[英]UI-codemirror Addons

我在angularjs應用程序中使用UI-codemirror進行Java代碼編輯,並將模式設置為“文本/ x-java”。 現在,我想使用自動完成和皮棉之類的插件。

對於自動完成功能,我使用keyup和onKeyUp設置了以下選項,這兩個事件均不會觸發。

在控制器中配置選項:

_this.editorOptions = {
        lineWrapping: true,
        lineNumbers: true,
        mode: 'text/x-java',
        smartIndent: true,
        tabSize: 4,
        indentWithTabs: true,
        tabindex: 4,
        autofocus: true,
        addModeClass: true,
        keyup: function (e, s) {
            console.log("Event Keyup");

        },
        onKeyUp: function (e, s) {
            console.log("Event Keyup");

        }
    }

模板中的指令:

<ui-codemirror ui-codemirror-opts="vm.editorOptions" ng-model="vm.activeQuestion.candidateAnswer"></ui-codemirror>

包括哪些addon js腳本,以及為鍛煉設置哪些配置選項?

獲得對編輯器的訪問權限; 之后,您可以在其上注冊一個偵聽器:

var myCodeMirror = CodeMirror.fromTextArea(myTextArea);
myCodeMirror.on('change', function(codemirrorinstance)
{
    console.log(key pressed);
})

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM