$("#id").mergely("cm", "lhs").on("cursorA ctivity", function (cm) { let words = $mergely.mergely("cm", "lhs").getValue() + ""; words = words.replace(/[a-z]+[\-|\']+[a-z]+/gi, "").match(/([a-z]+)/gi); CodeMirror.ukeys = words; cm.showHint(); }); 老版本直接cm.showHint()显示提示,新版本如何做,提供示例代码
时间: 2024-03-17 12:44:56 浏览: 14
在新版本中,可以使用 `CodeMirror.commands.autocomplete` 命令来显示提示。示例代码如下:
```
$("#id").mergely("cm", "lhs").on("cursorActivity", function (cm) {
let words = $mergely.mergely("cm", "lhs").getValue() + "";
words = words.replace(/[a-z]+[\-|\']+[a-z]+/gi, "").match(/([a-z]+)/gi);
CodeMirror.ukeys = words;
// 调用 autocomplete 命令显示提示
CodeMirror.commands.autocomplete(cm, null, { completeSingle: false });
});
```
需要注意的是,这里的 `completeSingle` 参数用于控制是否自动选择第一个提示项。如果设置为 `false`,则需要手动选择提示项。
相关问题
$("#mergely").mergely() 如何设置左右编辑器不需要对比差异,不显示合并,请提供所有方法及示例代码
如果您使用的是 jQuery Mergely 插件(即 `$("#mergely").mergely()`),则可以使用以下代码禁用比较器并隐藏合并视图:
```javascript
var m = $("#mergely").mergely({
// 设置配置选项
noconnect: true, // 禁用比较器
sidebar: false, // 隐藏侧边栏
width: 'auto', // 设置编辑器宽度
height: 'auto', // 设置编辑器高度
cmsettings: {
readOnly: true // 设置编辑器只读
},
lhs: function(setValue) { // 左侧编辑器
setValue(''); // 清空编辑器
},
rhs: function(setValue) { // 右侧编辑器
setValue(''); // 清空编辑器
}
});
m.mergely('options'); // 获取Mergely实例的配置选项
```
上面的代码将创建一个Mergely实例,其中左右编辑器都被清空,并且不会显示比较器或合并视图。左侧和右侧编辑器的内容可以通过调用`setValue()`方法进行设置。要获取Mergely实例的配置选项,请调用`mergely()`方法并传入`'options'`作为参数。
如果您想要在Mergely中启用比较器,但仍然隐藏合并视图,则可以使用以下代码:
```javascript
var m = $("#mergely").mergely({
// 设置配置选项
autoresize: true, // 自动调整大小以适应内容
sidebar: false, // 隐藏侧边栏
width: 'auto', // 设置编辑器宽度
height: 'auto', // 设置编辑器高度
cmsettings: {
readOnly: true // 设置编辑器只读
},
lhs: function(setValue) { // 左侧编辑器
setValue(''); // 清空编辑器
},
rhs: function(setValue) { // 右侧编辑器
setValue(''); // 清空编辑器
}
});
m.mergely('options'); // 获取Mergely实例的配置选项
// 显示比较器
m.mergely('lhs', 'Left editor content');
m.mergely('rhs', 'Right editor content');
```
上面的代码将创建一个具有比较器的Mergely实例,但是合并视图仍然被隐藏。左侧和右侧编辑器的内容可以通过调用`mergely()`方法并传入`'lhs'`或`'rhs'`作为参数,然后使用`setValue()`方法设置编辑器内容。要获取Mergely实例的配置选项,请调用`mergely()`方法并传入`'options'`作为参数。
mergely jq插件4.0.10版本 $().mergely() 如何设置不要显示两侧的差异 即不显示红字删除线以及合并按钮等 只需要显示两个编辑框即可,请提供示例代码
要设置Mergely不显示两侧的差异,你可以使用以下代码:
```javascript
$().mergely({
cmsettings: {readOnly:true},
ignorews: true,
lhs: function(setValue) {
setValue("");
},
rhs: function(setValue) {
setValue("");
}
});
```
这将创建一个没有任何文本的Mergely实例,两侧的编辑框将是空白的,并且将不显示任何差异标记、删除线或合并按钮。
`cmsettings: {readOnly:true}`设置编辑框只读,`ignorews: true`忽略空格,`lhs`和`rhs`函数分别设置左侧和右侧的文本为空。
如果你希望在将来可以动态设置文本,可以将`setValue`函数替换为任何你想要的函数。
希望这可以帮助到你!