java中怎么样让texearea显示十六进制的数据,将textarea中的少量文本更改为粗体

因为你不能在 textarea 里面设置文本样式,

以下是使用内容可编辑的 div 的解决方案:

(灵感来自我对另一个问题的解决方案:Change font for selected text using JavaScript)

function changeStyle(style) {

var sel = window.getSelection(); // Gets selection

if (sel.rangeCount) {

// Creates a new element, and insert the selected text with the chosen style

var e = document.createElement('span');

e.classList.add(style.value); // Selected style (class)

e.innerHTML = sel.toString(); // Selected text

// https://developer.mozilla.org/en-US/docs/Web/API/Selection/getRangeAt

var range = sel.getRangeAt(0);

range.deleteContents(); // Deletes selected text…

range.insertNode(e); // … and inserts the new element at its place

}

}

.editable {

width: 360px;

height: 120px;

border: 1px solid #ccc

}

.editable .span-0{ /* Added to reset styles correctly */

font-weight: normal; /* Reset b */

text-decoration: none; /* Reset u */

font-style: normal; /* Reset i */

}

.editable .span-b{

font-weight: bold;

}

.editable .span-u{

text-decoration: underline;

}

.editable .span-i{

font-style: italic;

}

Highlight text and change style

None

Bold

Underlined

Italic

Some Content

(我添加了其他样式选项...只是因为!)

我希望它有所帮助!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值