Added syntax highlighting for XML Tools #156
@@ -241,6 +241,7 @@
|
|||||||
|
|
||||||
if (document.queryCommandSupported('insertText')) {
|
if (document.queryCommandSupported('insertText')) {
|
||||||
document.execCommand('insertText', false, text);
|
document.execCommand('insertText', false, text);
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
// Insert text at the current position of caret
|
// Insert text at the current position of caret
|
||||||
const range = document.getSelection().getRangeAt(0);
|
const range = document.getSelection().getRangeAt(0);
|
||||||
@@ -255,6 +256,7 @@
|
|||||||
selection.removeAllRanges();
|
selection.removeAllRanges();
|
||||||
selection.addRange(range);
|
selection.addRange(range);
|
||||||
}
|
}
|
||||||
|
highlightSyntax(editorEle.id);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -74,6 +74,42 @@
|
|||||||
function init() {
|
function init() {
|
||||||
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');
|
setDefaultContent(document.getElementById("xmlArea"), 'Insert XML here');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const editorEle = document.getElementById('xmlArea');
|
||||||
|
|
||||||
|
// Handle the `paste` event
|
||||||
|
editorEle.addEventListener('paste', function (e) {
|
||||||
|
// Prevent the default action
|
||||||
|
e.preventDefault();
|
||||||
|
|
||||||
|
// Get the copied text from the clipboard
|
||||||
|
const text = e.clipboardData
|
||||||
|
? (e.originalEvent || e).clipboardData.getData('text/plain')
|
||||||
|
: // For IE
|
||||||
|
window.clipboardData
|
||||||
|
? window.clipboardData.getData('Text')
|
||||||
|
: '';
|
||||||
|
|
||||||
|
if (document.queryCommandSupported('insertText')) {
|
||||||
|
document.execCommand('insertText', false, text);
|
||||||
|
} else {
|
||||||
|
// Insert text at the current position of caret
|
||||||
|
const range = document.getSelection().getRangeAt(0);
|
||||||
|
range.deleteContents();
|
||||||
|
|
||||||
|
const textNode = document.createTextNode(text);
|
||||||
|
range.insertNode(textNode);
|
||||||
|
range.selectNodeContents(textNode);
|
||||||
|
range.collapse(false);
|
||||||
|
|
||||||
|
const selection = window.getSelection();
|
||||||
|
selection.removeAllRanges();
|
||||||
|
selection.addRange(range);
|
||||||
|
|
||||||
|
}
|
||||||
|
highlightSyntax(editorEle.id);
|
||||||
|
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@@ -17274,7 +17274,6 @@
|
|||||||
|
|
||||||
if (document.queryCommandSupported('insertText')) {
|
if (document.queryCommandSupported('insertText')) {
|
||||||
document.execCommand('insertText', false, text);
|
document.execCommand('insertText', false, text);
|
||||||
highlightSyntax(editorEle.id);
|
|
||||||
} else {
|
} else {
|
||||||
// Insert text at the current position of caret
|
// Insert text at the current position of caret
|
||||||
const range = document.getSelection().getRangeAt(0);
|
const range = document.getSelection().getRangeAt(0);
|
||||||
@@ -17288,9 +17287,8 @@
|
|||||||
const selection = window.getSelection();
|
const selection = window.getSelection();
|
||||||
selection.removeAllRanges();
|
selection.removeAllRanges();
|
||||||
selection.addRange(range);
|
selection.addRange(range);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
highlightSyntax(editorEle.id);
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -129,7 +129,6 @@
|
|||||||
|
|
||||||
if (document.queryCommandSupported('insertText')) {
|
if (document.queryCommandSupported('insertText')) {
|
||||||
document.execCommand('insertText', false, text);
|
document.execCommand('insertText', false, text);
|
||||||
highlightSyntax(editorEle.id);
|
|
||||||
} else {
|
} else {
|
||||||
// Insert text at the current position of caret
|
// Insert text at the current position of caret
|
||||||
const range = document.getSelection().getRangeAt(0);
|
const range = document.getSelection().getRangeAt(0);
|
||||||
@@ -144,8 +143,8 @@
|
|||||||
selection.removeAllRanges();
|
selection.removeAllRanges();
|
||||||
selection.addRange(range);
|
selection.addRange(range);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
highlightSyntax(editorEle.id);
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -166,7 +165,7 @@
|
|||||||
|
|
||||||
if (document.queryCommandSupported('insertText')) {
|
if (document.queryCommandSupported('insertText')) {
|
||||||
document.execCommand('insertText', false, text);
|
document.execCommand('insertText', false, text);
|
||||||
highlightSyntax(transformEle.id);
|
|
||||||
} else {
|
} else {
|
||||||
// Insert text at the current position of caret
|
// Insert text at the current position of caret
|
||||||
const range = document.getSelection().getRangeAt(0);
|
const range = document.getSelection().getRangeAt(0);
|
||||||
@@ -180,9 +179,8 @@
|
|||||||
const selection = window.getSelection();
|
const selection = window.getSelection();
|
||||||
selection.removeAllRanges();
|
selection.removeAllRanges();
|
||||||
selection.addRange(range);
|
selection.addRange(range);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
highlightSyntax(transformEle.id);
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
@@ -1243,7 +1243,6 @@
|
|||||||
|
|
||||||
if (document.queryCommandSupported('insertText')) {
|
if (document.queryCommandSupported('insertText')) {
|
||||||
document.execCommand('insertText', false, text);
|
document.execCommand('insertText', false, text);
|
||||||
highlightSyntax(editorEle.id);
|
|
||||||
} else {
|
} else {
|
||||||
// Insert text at the current position of caret
|
// Insert text at the current position of caret
|
||||||
const range = document.getSelection().getRangeAt(0);
|
const range = document.getSelection().getRangeAt(0);
|
||||||
@@ -1257,10 +1256,8 @@
|
|||||||
const selection = window.getSelection();
|
const selection = window.getSelection();
|
||||||
selection.removeAllRanges();
|
selection.removeAllRanges();
|
||||||
selection.addRange(range);
|
selection.addRange(range);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
highlightSyntax(editorEle.id);
|
||||||
});
|
});
|
||||||
|
|
||||||
const transformEle = document.getElementById('transformArea');
|
const transformEle = document.getElementById('transformArea');
|
||||||
@@ -1280,7 +1277,6 @@
|
|||||||
|
|
||||||
if (document.queryCommandSupported('insertText')) {
|
if (document.queryCommandSupported('insertText')) {
|
||||||
document.execCommand('insertText', false, text);
|
document.execCommand('insertText', false, text);
|
||||||
highlightSyntax(transformEle.id);
|
|
||||||
} else {
|
} else {
|
||||||
// Insert text at the current position of caret
|
// Insert text at the current position of caret
|
||||||
const range = document.getSelection().getRangeAt(0);
|
const range = document.getSelection().getRangeAt(0);
|
||||||
@@ -1294,10 +1290,8 @@
|
|||||||
const selection = window.getSelection();
|
const selection = window.getSelection();
|
||||||
selection.removeAllRanges();
|
selection.removeAllRanges();
|
||||||
selection.addRange(range);
|
selection.addRange(range);
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
highlightSyntax(transformEle.id);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user