Показать Редактируемые поля при загрузке страницы с помощью редактора среды

Question

Я использую medium-editor js для редактируемых полей. Когда я нахожусь на поле respecitve/s, он показывает мне поля для редактирования.

Но я хочу, чтобы он отображал редактируемые поля при загрузке страницы, а не зависал над div, содержащим редактируемые поля.

Есть ли опция, которую я могу передать, в то время как intializing MediumEditor класс или любой другой способ показать все редактируемые поля при загрузке страницы?

Мой код выглядит следующим образом

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

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

Answer 1

Если вы инстанцировании MediumEditor, передавая элемент непосредственно (el переменной в вашем примере кода), то вы не можете добавить пользовательский класс 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.

Это то, о чем вы просили?