js中html标签变文字颜色,javascript – 更改contenteditable div中文本的颜色

您可以使用HTML编辑API来处理此类用例.参考这里：

https://dvcs.w3.org/hg/editing/raw-file/tip/editing.html

简而言之,使用execCommand和styleWithCSS来实现您想要的效果. styleWithCSS将允许您控制是否应该通过execCommand方法将CSS或HTML格式生成到文档中.传递true以使用CSS样式而不是生成字体标记.

在下面尝试一下……

示例代码段：

var

red = document.getElementById("red"),

blue = document.getElementById("blue"),

reset = document.getElementById("reset")

;

red.addEventListener("click", function() { setColor("#f00"); });

blue.addEventListener("click", function() { setColor("#00f"); });

reset.addEventListener("click", function() { setColor("#000"); });

function setColor(color) {

document.execCommand('styleWithCSS', false, true);

document.execCommand('foreColor', false, color);

}

Red | Blue | Reset |

this is some text

这将生成应用了CSS的HTML,如下所示：

this is some text

希望有所帮助.

js中html标签变文字颜色,javascript – 更改contenteditable div中文本的颜色相关推荐

js添加html换行符,javascript – 在contenteditable div中的输入键上插入换行符
我试图插入一个换行符,而不是当我在一个contenteditable div中输入时浏览器想要插入的内容. 我当前的代码看起来像这样: if (e.which === 13) { e.stopProp ...
Layui框架下：JS中根据后台查询到的数据动态往div中ul里面动态添加li
Layui框架下:JS中根据后台查询到的数据动态往div中ul里面动态添加li 先建立好一个div和ul JS代码: $(function () { layui.admin.req({ url: _s ...
javafx 图表css,如何在CSS中的第7个系列之上更改javaFX LineChart中的图标？
我正在绘制几个系列的图表,但我只能用css个性化第7个系列.从第8行开始,它返回到默认颜色0设置.有人能帮我吗?如何在CSS中的第7个系列之上更改javaFX LineChart中的图标? CSS代码 ...
VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索，在iframe中获取选中文字，监听鼠标事件，右键菜单
一.VUE预览PDF文件并利用pdf.js获取鼠标选中的文字和搜索需求实现:vue实现预览pdf文件,获取到鼠标选中的文字数据.调用pdf.js自带的搜索方法实现搜索功能(后期可以调用该接口满足其他 ...
HTML、css——设置文本框中的默认字体颜色和点击输入的文本字体颜色不一致；并且点击文本框，文本框边框消失；输入内容时，默认字体消失。
html代码: 功能:点击输入的文本字体颜色的设置,并且输入内容时,文本框里的默认字消失. <input type="text" placeholder="手机号. ...
Vue中a标签去掉文字下划线
主要影响CSS: text-decoration-line: none 书写规范: <a href="login.vue" style="color: blue;t ...
怎么从已有文件中挑选需要的文字重新生成新文件_word 中如何实现一个正文位置输入另一个正文地方自动生成一样的...
展开全部问:WORD里边怎样设置每页不同32313133353236313431303231363533e59b9ee7ad9431333264643764的页眉?如何使不同的章节显示的页眉不同? ...
在HTML中让边框变透明,如何用CSS设置DIV边框透明
如何实现用CSS设置DIV边框为透明呢?我们来看一看. 工具/材料电脑操作方法 01 透明一般认为是一种颜色属性,但是并没有这个数值.我们找到了一种让div实现透明的最佳方案,运用RGBA 02 ...
html字体颜色选择插件,css3改变选择文本背景颜色
请选择本页面文本看看:http://hovertree.com/h/bjaf/38hq6y9d.htm 一般情况下在网页里的文本我们用鼠标选中的时候都是蓝色的,这个默认颜色也是可以更改的,本文我们学习 ...

js中html标签变文字颜色,javascript – 更改contenteditable div中文本的颜色

js中html标签变文字颜色,javascript – 更改contenteditable div中文本的颜色相关推荐

最新文章

热门文章