Очистка определенных полей пера с помощью кнопки - PullRequest
Новая
       14

Очистка определенных полей пера с помощью кнопки

0 голосов
/ 25 марта 2019

Я использую Quilljs 1.3.6. Я хочу добавить кнопку в форму HTML, которая очистит определенные поля quilljs.

Когда я использую jquery для любого входного текстового поля, все, что мне нужно сделать, это создать кнопку, которая вызывает функцию javascript, которая удаляет содержимое поля (полей). Например:

HTML 

<label for="strengths">How strong are you?<label>
<input type='text' name='strengths' id='strengths'>

<input type="button" onclick="clearTextField()">Clear Field</button>

Файл Javascript 

function clearTextField() {
    $('#strengths').val('');
}

Как очистить поле quilljs? Я пытался сделать что-то вроде этого:

HTML 

<label for="strengths">How strong are you?<label>
<input type="hidden" name="strengths">
<div id="strengths-container">
    <p>Blah Blah Blah</p>
</div>
<input type="button" onclick="clearTextField()">Clear Field</button>

Файл Javascript 

function clearTextField() {
    strengths.setContents([]);
}

Однако это не сработает, потому что объект «сильные стороны» был создан в другой функции javascript. И область действия «сильных сторон» ограничена функцией, которая его создала. 

var strengths = new Quill("#strengths-container", {
    modules: {
        toolbar: toolbaroptions
    },
    theme: "snow"
});

Итак, этот метод Quilljs не работает. 

function clearTextField() {
    strengths.setContents([]);
}

Я пытаюсь <div id="strengths-container'> очистить значение: 

<p>Blah Blah Blah</p>

Я не хочу использовать кнопку сброса HTML, потому что есть другие поля формы, которые я не хочу очищать при нажатии на кнопку, чтобы очистить поля Quilljs.

...