Fix Show SummernoTe (Wysiwyg) Вопрос в Textarea (когда флажок проверяется) :)

Fix Show SummernoTe (Wysiwyg) Проблема в Textarea (когда флажок был проверен) 🙂 Недавно я работал над проектом, где мне нужно отображать , когда флажок проверяется. А также мне нужно …</p> </div> <div class="post-meta-wrapper post-meta-single post-meta-single-top"> <ul class="post-meta"> <li class="post-author meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Автор записи </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="20" viewBox="0 0 18 20"><path fill="" d="M18,19 C18,19.5522847 17.5522847,20 17,20 C16.4477153,20 16,19.5522847 16,19 L16,17 C16,15.3431458 14.6568542,14 13,14 L5,14 C3.34314575,14 2,15.3431458 2,17 L2,19 C2,19.5522847 1.55228475,20 1,20 C0.44771525,20 0,19.5522847 0,19 L0,17 C0,14.2385763 2.23857625,12 5,12 L13,12 C15.7614237,12 18,14.2385763 18,17 L18,19 Z M9,10 C6.23857625,10 4,7.76142375 4,5 C4,2.23857625 6.23857625,0 9,0 C11.7614237,0 14,2.23857625 14,5 C14,7.76142375 11.7614237,10 9,10 Z M9,8 C10.6568542,8 12,6.65685425 12,5 C12,3.34314575 10.6568542,2 9,2 C7.34314575,2 6,3.34314575 6,5 C6,6.65685425 7.34314575,8 9,8 Z" /></svg> </span> <span class="meta-text"> Автор: <a href="https://jsinthebits.com/author/ashutoshkukreti/">Ashutosh Kukreti</a> </span> </li> <li class="post-date meta-wrapper"> <span class="meta-icon"> <span class="screen-reader-text"> Дата записи </span> <svg class="svg-icon" aria-hidden="true" role="img" focusable="false" xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19"><path fill="" d="M4.60069444,4.09375 L3.25,4.09375 C2.47334957,4.09375 1.84375,4.72334957 1.84375,5.5 L1.84375,7.26736111 L16.15625,7.26736111 L16.15625,5.5 C16.15625,4.72334957 15.5266504,4.09375 14.75,4.09375 L13.3993056,4.09375 L13.3993056,4.55555556 C13.3993056,5.02154581 13.0215458,5.39930556 12.5555556,5.39930556 C12.0895653,5.39930556 11.7118056,5.02154581 11.7118056,4.55555556 L11.7118056,4.09375 L6.28819444,4.09375 L6.28819444,4.55555556 C6.28819444,5.02154581 5.9104347,5.39930556 5.44444444,5.39930556 C4.97845419,5.39930556 4.60069444,5.02154581 4.60069444,4.55555556 L4.60069444,4.09375 Z M6.28819444,2.40625 L11.7118056,2.40625 L11.7118056,1 C11.7118056,0.534009742 12.0895653,0.15625 12.5555556,0.15625 C13.0215458,0.15625 13.3993056,0.534009742 13.3993056,1 L13.3993056,2.40625 L14.75,2.40625 C16.4586309,2.40625 17.84375,3.79136906 17.84375,5.5 L17.84375,15.875 C17.84375,17.5836309 16.4586309,18.96875 14.75,18.96875 L3.25,18.96875 C1.54136906,18.96875 0.15625,17.5836309 0.15625,15.875 L0.15625,5.5 C0.15625,3.79136906 1.54136906,2.40625 3.25,2.40625 L4.60069444,2.40625 L4.60069444,1 C4.60069444,0.534009742 4.97845419,0.15625 5.44444444,0.15625 C5.9104347,0.15625 6.28819444,0.534009742 6.28819444,1 L6.28819444,2.40625 Z M1.84375,8.95486111 L1.84375,15.875 C1.84375,16.6516504 2.47334957,17.28125 3.25,17.28125 L14.75,17.28125 C15.5266504,17.28125 16.15625,16.6516504 16.15625,15.875 L16.15625,8.95486111 L1.84375,8.95486111 Z" /></svg> </span> <span class="meta-text"> <a href="https://jsinthebits.com/fix-show-summernote-wyswig-issue-on-textarea-when-checkbox-is-checked-pr1awhjl0-de577aa1/">27.04.2021</a> </span> </li> </ul><!-- .post-meta --> </div><!-- .post-meta-wrapper --> </div><!-- .entry-header-inner --> </header><!-- .entry-header --> <div class="post-inner thin "> <div class="entry-content"> <span id="content_pointer_id" data-content-length="1727" data-accepted-blocks="89"></span> <p><a href="https://www.codementor.io/@kukretiashutosh/fix-show-summernote-wyswig-issue-on-textarea-when-checkbox-is-checked-pr1awhjl0" title="Автор оригинала: Ashutosh Kukreti" target="_blank" rel="noopener noreferrer">Автор оригинала: Ashutosh Kukreti</a>.</p> <p>Fix Показать выпуск SummernoTe (Wyswig) на <strong>Textarea</strong> (Когда флажок проверяется)</p> <p>Недавно я работал над проектом, где мне нужно показать < <strong>Textarea</strong> > Когда флажок проверен. А также мне нужно использовать редактор Wyswig.</p> <p>Для WYSIWYG SELENTORE является одним из лучших редакторов, с которыми я столкнулся. Я тяжело использовал это в моем предыдущем проекте.</p> <p>Чтобы показать и скрыть <textarea>, когда кнопка проверяется, довольно проста и включает редактор SummernoTe на текстовой области, не является входящей задачей.

Вот фрагмент этого.

Как это выглядит на веб-странице?

И затем следующая вещь, чтобы позволить зондиру в вашем веб-приложении

Добавить «$ (« # SummernoTe »). SELENOREOTE ();» к коду JavaScript и код:

Код JS для включения зондирования

Теперь посмотрите на веб-страницу

Редактор SummernoTe включен

Это прекрасно.

Теперь, когда вы не проверьте флажок, в идеале < Textarea > должен исчез. Давайте попробуем это.

Textarea не исчез, когда флажок не отмечен.

Но это не так. Вот дракон. SummernoTe добавьте свои собственные элементы DIV, когда вы его включили. Нам нужно позаботиться об этом.

Осмотрите веб-страницу и посмотрите

SELEMENTE DIV элемент класса

Решение

1. Прежде всего, нам нужно изменить тег <div>.</div>
2. Нам нужно добавить «$ (». Note-Editor ‘). Toggle (This.Checked); » к коду JavaScript.

Теперь посмотрите на HTML-код

И посмотрите на веб-страницу

Когда флажок проверяется:

Когда флажок проверен

Когда флажок не отмечен:

Когда флажок не отмечен

Выпуск исправлен.

Я надеюсь, что это поможет нескольким членам сообщества.