openharmony/applications_notes
1
0
Fork 0
mirror of https://github.com/openharmony/applications_notes.git synced 2026-07-21 00:26:37 -04:00
Code Issues Packages Projects Releases Wiki Activity

代码同步

Browse Source 
Signed-off-by: @two-thousand-or-three-thousand <lisiquan1@huawei.com>
This commit is contained in:
@two-thousand-or-three-thousand
2022-12-15 17:14:58 +08:00
parent c03afb61d8
commit 365caa5d00
3 changed files with 41 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
common/resources/src/main/resources/rawfile/editor.html
+14 -13
View File
@@ -4,19 +4,20 @@
<title>
"editorJs"
</title>
<meta
http-equiv="Content-Type"
content="text/html; charset=UTF-8">
<link
rel="stylesheet"
type="text/css"
href="editor_style.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="editor_style.css">
</head>
<body onload="load()">
<div class="edit-box">
<div
id="editorjs"
contenteditable="true">
<div id="editorjs" contenteditable="true">
</div>
<div class="button-box" id="buttonBox">
<div id="addToDo">
@@ -34,8 +35,8 @@
</div>
</div>
<script
type="text/javascript"
src="rich_editor.js"></script>
<script type="text/javascript" src="rich_editor.js"></script>
</body>
</html>
common/resources/src/main/resources/rawfile/editor_style.css
+1 -1
View File
@@ -37,7 +37,7 @@ body {
background-size: cover;
color: #182431;
opacity: 0.9;
font-size: 16vp;
font-size: 24px;
overflow: scroll;
user-select: none;
}
common/resources/src/main/resources/rawfile/rich_editor.js
+26 -19
View File
@@ -428,6 +428,13 @@ RICH_EDITOR.insertImageHtml = function (contents) {
selection.getRangeAt(0).insertNode(img);
};
document.getElementById('addToDo').addEventListener('click', (e) => {
console.info(`lsq: e is ${JSON.stringify(e)}`)
if (e.id !== 'editorjs') {
e.preventDefault()
}
})
document.getElementById('addToDo').addEventListener('click', () => {
callBackToApp.addToDo()
})
@@ -442,12 +449,12 @@ document.getElementById('openAlbum').addEventListener('click', () => {
function changeSizeToRk() {
document.getElementById('editorjs').style.fontSize = '24px';
document.getElementById('img1').style.fontSize = '40px';
document.getElementById('img1').style.fontSize = '40px';
document.getElementById('img2').style.fontSize = '40px';
document.getElementById('img2').style.fontSize = '40px';
document.getElementById('img3').style.fontSize = '40px';
document.getElementById('img3').style.fontSize = '40px';
document.getElementById('img1').style.width = '40px';
document.getElementById('img1').style.height = '40px';
document.getElementById('img2').style.width = '40px';
document.getElementById('img2').style.height = '40px';
document.getElementById('img3').style.width = '40px';
document.getElementById('img3').style.height = '40px';
document.getElementById('lable1').style.fontSize = '20px';
document.getElementById('lable2').style.fontSize = '20px';
document.getElementById('lable3').style.fontSize = '20px';
@@ -455,12 +462,12 @@ function changeSizeToRk() {
function changeSizeToPhone() {
document.getElementById('editorjs').style.fontSize = '16px';
document.getElementById('img1').style.fontSize = '24px';
document.getElementById('img1').style.fontSize = '24px';
document.getElementById('img2').style.fontSize = '24px';
document.getElementById('img2').style.fontSize = '24px';
document.getElementById('img3').style.fontSize = '24px';
document.getElementById('img3').style.fontSize = '24px';
document.getElementById('img1').style.width = '24px';
document.getElementById('img1').style.height = '24px';
document.getElementById('img2').style.width = '24px';
document.getElementById('img2').style.height = '24px';
document.getElementById('img3').style.width = '24px';
document.getElementById('img3').style.height = '24px';
document.getElementById('lable1').style.fontSize = '12px';
document.getElementById('lable2').style.fontSize = '12px';
document.getElementById('lable3').style.fontSize = '12px';
@@ -468,12 +475,12 @@ function changeSizeToPhone() {
function changeSizeToTablet() {
document.getElementById('editorjs').style.fontSize = '16px';
document.getElementById('img1').style.fontSize = '28px';
document.getElementById('img1').style.fontSize = '28px';
document.getElementById('img2').style.fontSize = '28px';
document.getElementById('img2').style.fontSize = '28px';
document.getElementById('img3').style.fontSize = '28px';
document.getElementById('img3').style.fontSize = '28px';
document.getElementById('img1').style.width = '28px';
document.getElementById('img1').style.height = '28px';
document.getElementById('img2').style.width = '28px';
document.getElementById('img2').style.height = '28px';
document.getElementById('img3').style.width = '28px';
document.getElementById('img3').style.height = '28px';
document.getElementById('lable1').style.fontSize = '12px';
document.getElementById('lable2').style.fontSize = '12px';
document.getElementById('lable3').style.fontSize = '12px';
@@ -484,7 +491,7 @@ function hiddenButton() {
}
RICH_EDITOR.getFocus = function() {
return document.GetElementById('editorjs').focus();
return document.getElementById('editorjs').focus();
}
document.getElementById('editorjs').addEventListener('click', () => {