mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-09-12 12:32:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Implement the "backColor" and "hiliteColor" editing commands

Browse source
This commit is contained in:
Jelle Raaijmakers 2025-01-08 13:17:04 +01:00 • committed by Andreas Kling
commit 05386fe99c
Notes: github-actions[bot] 2025-01-10 22:37:15 +00:00
4 changed files with 59 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
Tests/LibWeb/Text/input/Editing/execCommand-backColor.html Normal file
View file

@ -0,0 +1,22 @@
<script src="../include.js"></script>
<div contenteditable="true">foobar</div>
<script>
test(() => {
const range = document.createRange();
getSelection().addRange(range);
const divElm = document.querySelector('div');
// Make 'foo' blue
range.setStart(divElm.childNodes[0], 0);
range.setEnd(divElm.childNodes[0], 3);
document.execCommand('backColor', false, '#0000ff');
println(`Div contents: "${divElm.innerHTML}"`);
// Make 'bar' red
range.setStart(divElm.childNodes[1], 0);
range.setEnd(divElm.childNodes[1], 3);
document.execCommand('hiliteColor', false, 'red');
println(`Div contents: "${divElm.innerHTML}"`);
});
</script>