在CodeMirror textarea中放置超链接

时间:2015-07-30 10:37:20

标签: javascript jquery html codemirror

我是codemirror的新手。

我在CodeMirror textarea中有一个字符串。我希望我的文本被超链接,然后进入jsp页面并获取答案并将其追加到codemirror textarea中。

我尝试过使用过 <a href="abc.com">hyperlink </a>.

它会随着标签打印所有内容。

如何在codemirror文本区域中放置超链接。代码片段非常有用。

提前致谢

1 个答案:

答案 0 :(得分:1)

抱歉,非常非常延迟更新。当时有一个工作。想分享它。

由于我在这个edtitor中查看了一些代码函数,所以在双击一个函数名时,我可以在编辑器的末尾添加该代码定义。

以下是我如何取得成就的例子:

// setup and fetched the editor earlier.
var editor = CodeMirror.fromTextArea(document.getElementById(key)); // Got my editor


// Later on placed a double click logic:
editor.on("dblclick", function(){    
    if(editor.somethingSelected()){
        var from = editor.getCursor("from"), to = editor.getCursor("to");
        if( from.line!=to.line){
            alert("No word");
        }
        else{
            var word = editor.getRange(from, to);
            $.ajax({
                url : "hyperlink.jsp",
                data:{
                    keyword1 : word,
                },
                success: function(response){
                    if(response.length>6){
                        editor.setValue(editor.getValue()+"\n\n\n#"+word+":\n"+response);
                        var line = maxLineNumber;
                        formatMyEditor(); // Formatting my new code
                        editor.indentLine(maxLineNumber-5, -3);
                        editor.setCursor(line+2);
                    }
                    else{
                        alert(word+" -- Not in DB");
                    }
                }
           }
     });
}