使用medium-editor在页面加载时显示可编辑字段

Question

我使用medium-editor js来创建可编辑的字段。当我将鼠标悬停在尊重字段上时，它会显示要编辑的字段。

但是，我希望它在页面加载时显示可编辑字段，而不是将鼠标悬停在包含可编辑字段的div上。

有没有初始化MediumEditor类时可以传递的选项，或者在页面加载时显示所有可编辑字段的任何其他方式？

我的代码如下所示

 var editor = new MediumEditor(el, {
            placeholder: false,
            toolbar: false
        })

        editor.subscribe('editableInput', function (event, currentEditable) {
// Code for editable Fields
}

Answer 1

如果要通过直接传递元素(示例代码中的el变量)来实例化MediumEditor，那么不能为传递到编辑器中的每个元素添加一个自定义css类吗？我不确定您的示例代码中的el来自何处，但您可以这样做：

​

var els = document.querySelectorAll('.editable');
var editor1 = new MediumEditor(els, {
  placeholder: false,
  toolbar: false
});

.editable {
  border: 3px solid #00ff00;
}

<script src="http://cdn.jsdelivr.net/medium-editor/latest/js/medium-editor.min.js"></script>
<link href="http://cdn.jsdelivr.net/medium-editor/latest/css/medium-editor.min.css" rel="stylesheet" />


<div class="editable">Editor Field 1</div>
<div>Non-Editable Field</div>
<div class="editable">Editor Field 2</div>

​

这样做的结果是，每个编辑器字段都有一个“可编辑”类，我已经通过css设置了这些字段的边框。

这是你要的东西吗？