Javascript HTML文本编辑器-简单代码
我想创建一个非常简单的HTML工具栏,可以使用粗体、斜体和下划线,这样当用户在HTML页面中选择内容可编辑区域时,他们可以更改默认文本。我已经在互联网上做了大量的搜索,但我能找到的只是jquery的一百万行代码,我真的不想使用这些代码,因为很多代码都是多余的 任何人都知道代码/知道我在哪里可以得到简短、贴切且切中要害的代码 谢谢可以使用addClass和removeClass方法来完成 这样的代码就是您所需要的全部代码: $*YourTextElement*.addClass YourCSD定义; 这当然只会影响定义的YourTextElement中的整个文本Javascript HTML文本编辑器-简单代码,javascript,Javascript,我想创建一个非常简单的HTML工具栏,可以使用粗体、斜体和下划线,这样当用户在HTML页面中选择内容可编辑区域时,他们可以更改默认文本。我已经在互联网上做了大量的搜索,但我能找到的只是jquery的一百万行代码,我真的不想使用这些代码,因为很多代码都是多余的 任何人都知道代码/知道我在哪里可以得到简短、贴切且切中要害的代码 谢谢可以使用addClass和removeClass方法来完成 这样的代码就是您所需要的全部代码: $*YourTextElement*.addClass YourCSD定义
..下面是ContentEditable的最简单示例。有关文档,请参阅 问候
阿克塞尔太好了,谢谢:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contenteditable simplest sample</title>
</head>
<body>
<button id="bold">b</button>
<button id="italic">i</button>
<button id="underline">u</button>
<div contenteditable="true">
Textinput here
</div>
<script>
document.getElementById("bold").onclick = function(e) {
document.execCommand("bold", false, "");
};
document.getElementById("italic").onclick = function(e) {
document.execCommand("italic", false, "");
};
document.getElementById("underline").onclick = function(e) {
document.execCommand("underline", false, "");
};
</script>
</body>
</html>