如何在Codemirror中创建搜索和替换对话框？ [英] How to create search and replace dialog box in codemirror?

问题描述

我在我的项目中一直使用Codemirror textarea。在此搜索和替换 demo 我可以获得搜索和替换的功能。但是我需要一个此对话框。我做了很多尝试，但无法达到我的期望。

I have been using codemirror textarea in my project. In this, search and replace demo I can get the feature of search and replace. But I need like this dialogue box. I tried a lot but am unable to get as I expect.

codemirror.net/addon/search/search.js这是我到目前为止自定义的js代码。

codemirror.net/addon/search/search.js This is the js code I have customised so far.

var queryDialog = 'Search: <input type="text" style="width: 10em" class="CodeMirror-search-field"/> <span style="color: #888" class="CodeMirror-search-hint">(Use /re/ syntax for regexp search)</span><button onclick="findtest()">Find<button>'; 
function findtest(){ 
CodeMirror.commands.find = function(cm) {clearSearch(cm); doSearch(cm);}; } 

这是我尝试过的。

任何帮助将不胜感激。

推荐答案

也许回答这个问题有点晚了，但是我发现工作：

Maybe a little late to answer this question, but I've found this to work:

document.querySelector("#openSearch").onclick = function(){ editor.execCommand("find"); };

这篇关于如何在Codemirror中创建搜索和替换对话框？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！