Question

我正在使用medium-editor js来获取可编辑字段。当我将鼠标悬停在respecitve字段上时，它会显示要编辑的字段。

但是，我希望它在页面加载时显示可编辑字段，而不是将鼠标悬停在包含可编辑字段的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设置了带边框的那些字段。

这是你要求的吗？

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

1 个答案: