第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何使用戶輸入不受跨度元素顏色樣式的影響

如何使用戶輸入不受跨度元素顏色樣式的影響

偶然的你 2021-12-23 19:35:37
我在可編輯的內(nèi)容中有一些單詞<div>需要與文本的其余部分使用不同的顏色。問(wèn)題是我不希望用戶能夠使用不同的顏色樣式,他們?nèi)匀粦?yīng)該能夠刪除藍(lán)色單詞。<div id="textarea" contenteditable>Hello world<span style="color: blue">!</span> </div>用戶的輸入是否可能不受顏色樣式的影響?
查看完整描述

2 回答

?
紅顏莎娜

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超13個(gè)贊

不是使整個(gè) DIV 可編輯,而是將其分解為單獨(dú)的跨度,以便您可以指定單個(gè)可編輯性。


<div id="textarea"><span contenteditable>Hello world</span><span style="color: blue">!</span>

</div>


查看完整回答
反對(duì) 回復(fù) 2021-12-23
?
縹緲止盈

TA貢獻(xiàn)2041條經(jīng)驗(yàn) 獲得超4個(gè)贊

你還沒(méi)有真正提供足夠的東西讓我們繼續(xù) - 例如。什么是藍(lán)色,什么不是?藍(lán)色文字總是感嘆號(hào)嗎?它總是在最后嗎?


聽(tīng)起來(lái)您需要構(gòu)建一個(gè)簡(jiǎn)單的輕量級(jí)代碼編輯器并應(yīng)用您想要的規(guī)則。其工作方式是在與“顯示”div 相同的空間中創(chuàng)建一個(gè)透明的可編輯 div??删庉?textarea 的內(nèi)容是不可見(jiàn)的,而“顯示”div 的內(nèi)容是可見(jiàn)的。對(duì)于每個(gè)擊鍵,您獲取可編輯文本區(qū)域的內(nèi)容并將其寫入“顯示”div 并應(yīng)用任何自定義規(guī)則。這是一個(gè)簡(jiǎn)單的小提琴,顯示了我的意思:


https://jsfiddle.net/ymdrfupb/1/


const editable = document.querySelector('.editor > [contenteditable]');

const display = document.querySelector('.editor > .display');


function setDisplayContent(text) {

  // wrap any non-alphanumeric trailing characters with a blue span

  display.innerHTML = text.replace(/([^\w]+)$/, '<span class="blue">$1</span>');

}


editable.addEventListener('input', (ev) => {

  setDisplayContent(ev.target.innerHTML);

});


setDisplayContent(editable.innerHTML);


查看完整回答
反對(duì) 回復(fù) 2021-12-23
  • 2 回答
  • 0 關(guān)注
  • 184 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)