Здравствуйте, ребята помогите с js пожалуйста, есть contenteditable
(простой див блок), и когда копируешь например текст с стилями или кнопку например, то оно вставляет в это поле элемент со стилем, не сбрасывает его как в обычных инпутах, как скидывать эти стили подскажите пожалуйста..
1 ответ
var block = document.querySelector(".t");
block.oninput = function(){
var span = document.querySelectorAll(".t span");
for(var i = 0; i < span.length; i++){
span[i].style = "";
}
}
.t {
height: auto;
min-height: 150px;
width: 250px;
border: 1px solid #666;
background: #eee;
padding: 5px 7px;
}
.p {
background: #009baa;
width: 250px;
border: 1px solid #666;
padding: 5px 7px;
}
<div class="t" contenteditable></div>
<div class="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div><div class="t" contenteditable></div>
<div class="p">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Necessitatibus facilis quod quas magni nemo nam tempora libero optio itaque. Natus!</div>
-
-
-
-
@Air у него два блока: один обычный с текстом и фоном. Другой contenteditable. Когда из первого копируешь текст во второй (ctrl+c ctrl+v) во второй блок текст вставляется спаном с прописанными инлайн стилями из первого блока. span появляется только в DOM. я хз как вся эта магия работает.– websnap11 ноя 2017 в 21:02
-
@Air скопируй мой код, убери скрипт и попробуй из синего блока скопировать текст в блок с contenteditable. Так понятней будет– websnap11 ноя 2017 в 21:05
[нашел вот ответ](https://codepen.io/anon/pen/qVmWpE)
-------------------------------- **