在SunEditor上启用/禁用保存按钮的方法是通过设置编辑器的配置参数来实现的。具体步骤如下:
<textarea id="myEditor"></textarea>
buttonList
属性来指定编辑器上显示的按钮列表。如果你想禁用保存按钮,可以将其从buttonList
中移除。例如:const editor = SUNEDITOR.create('myEditor', {
buttonList: [
['undo', 'redo'],
['bold', 'underline', 'italic', 'strike', 'subscript', 'superscript'],
['fontColor', 'hiliteColor', 'removeFormat'],
['outdent', 'indent'],
['align', 'horizontalRule', 'list', 'table'],
['link', 'image', 'video'],
['fullScreen', 'showBlocks', 'codeView'],
// 移除保存按钮
// ['save']
]
});
在上述代码中,我们将save
按钮从buttonList
中注释掉,从而禁用了保存按钮。
editor.disabled()
方法。例如,当用户没有输入任何内容时禁用保存按钮,可以添加以下代码:editor.onKeyDown = function (e, core) {
if (core.isEmpty()) {
editor.disabled('save');
} else {
editor.enabled('save');
}
};
在上述代码中,我们使用editor.onKeyDown
事件监听器来检测用户的按键操作。如果编辑器内容为空,就禁用保存按钮;否则,启用保存按钮。
通过以上步骤,你可以在外部启用/禁用SunEditor上的保存按钮。请注意,这里的示例代码仅供参考,你可以根据实际需求进行修改和扩展。
领取专属 10元无门槛券
手把手带您无忧上云