Блог

Главная - Вопросы по программированию - Quill.js и абзац

Quill.js и абзац

#javascript #quill

Вопрос:

Мне нужно завернуть iframe в абзац (<p>).

Теперь это выглядит так: я вставил содержимое, но абзац (с классом) удаляется, и остается только iframe.

Это необходимо для того, чтобы iframe реагировал. Как это реализовать?

 <div id='editor'>
    <p class='twitter'>
        <iframe scrolling="no" height='auto' frameborder="0" allowtransparency="true" allowfullscreen="true" style="width:550px;height:320px;" src="https://platform.twitter.com/embed/Tweet.html?dnt=falseamp;amp;embedId=twitter-widget-0amp;amp;features=eyJ0ZndfZXhwZXJpbWVudHNfY29va2llX2V4cGlyYXRpb24iOnsiYnVja2V0IjoxMjA5NjAwLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X2hvcml6b25fdHdlZXRfZW1iZWRfOTU1NSI6eyJidWNrZXQiOiJodGUiLCJ2ZXJzaW9uIjpudWxsfSwidGZ3X3R3ZWV0X2VtYmVkX2NsaWNrYWJpbGl0eV8xMjEwMiI6eyJidWNrZXQiOiJjb250cm9sIiwidmVyc2lvbiI6bnVsbH19amp;amp;frame=falseamp;amp;hideCard=falseamp;amp;hideThread=falseamp;amp;id=464454167226904576amp;amp;lang=enamp;amp;sessionId=362a09066e9fc6ea3716199f06bfac069398819famp;amp;theme=lightamp;amp;widgetsVersion=82e1070:1619632193066amp;amp;width=550px"></iframe>
    </p>
</div>

<script>
let quill = new Quill('#editor', {
    modules: {
        toolbar: {}
    },
    placeholder: 'Content',
    theme: 'snow'
});
    
console.log(quill.root.innerHTML);
</script>

Пример здесь: https://jsfiddle.net/3oLmg72u/

Метки: