修复备忘录左移右移失效

Signed-off-by: wangzhiyusss <wangzhiyu12@huawei.com>
This commit is contained in:
wangzhiyusss 2023-04-07 10:20:16 +08:00
parent 900c501d32
commit 561cbbb36b
3 changed files with 9 additions and 22 deletions

View File

@ -16,8 +16,6 @@
<div class="edit-box">
<div id="editorjs_box" contenteditable="true">
<div id="editorjs" contenteditable="true"></div>
<div id="editorjs_img" contenteditable="true"></div>
</div>
<div class="button-box" id="buttonBox">
<div id="addToDo">

View File

@ -26,15 +26,6 @@ body {
margin: 0;
}
#editorjs {
outline: 0px solid transparent;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #182431;
opacity: 0.9;
user-select: none;
}
#editorjs_box {
width: 100%;
@ -59,8 +50,6 @@ body {
background: #F88805;
border: 1px solid #F88805;
outline: none;
margin-left: 0px;
margin-right: 0px;
opacity: 1;
}

View File

@ -15,7 +15,7 @@
var RICH_EDITOR = {};
RICH_EDITOR.editor = document.getElementById('editorjs');
RICH_EDITOR.editor = document.getElementById('editorjs_box');
RICH_EDITOR.setHtml = function (contents) {
var base64regex = /^([0-9a-zA-Z+/]{4})*(([0-9a-zA-Z+/]{2}==)|([0-9a-zA-Z+/]{3}=))?$/;
@ -243,7 +243,7 @@ RICH_EDITOR.execFontSize = function (size, unit) {
var pad = 24;
RICH_EDITOR.setIndent = function () {
var parents = document.getElementById('editorjs');
var parents = document.getElementById('editorjs_box');
parents.removeAttribute('padding-left');
if (pad >= 408) {
return
@ -253,7 +253,7 @@ RICH_EDITOR.setIndent = function () {
};
RICH_EDITOR.setOutdent = function () {
var parents = document.getElementById('editorjs');
var parents = document.getElementById('editorjs_box');
parents.removeAttribute('padding-left');
if (pad === 24) {
parents.style.paddingLeft = 24 + 'px';
@ -279,8 +279,8 @@ RICH_EDITOR.insertImage = function (url) {
var html = '<br></br><img src="' + url
+ '" alt="picvision" style="margin:0px auto;width:90%;display:table-cell;'
+ 'vertical-align:middle;border-radius:10px;max-width:90%" /><br></br>';
document.getElementById('editorjs_img').innerHTML += html
document.getElementById('editorjs_img').scrollIntoView(false);
document.getElementById('editorjs_box').innerHTML += html
document.getElementById('editorjs_box').scrollIntoView(false);
};
RICH_EDITOR.insertHTML = function (html) {
@ -309,7 +309,7 @@ RICH_EDITOR.addTodo = function (e) {
};
RICH_EDITOR.setTodo = function () {
var parent = document.getElementById('editorjs');
var parent = document.getElementById('editorjs_box');
var isContentEmpty = parent.innerHTML.trim().length === 0 || parent.innerHTML === '<br>';
var html = (isContentEmpty ? '' : '<br/>')
+ '<input name="checkbox" type="checkbox" onclick="onCheckChange(this)" class="note-checkbox">'
@ -440,8 +440,8 @@ RICH_EDITOR.insertImageHtml = function (contents) {
document.addEventListener('click', (e) => {
console.info(`lsq: e is ${JSON.stringify(e)}`)
var parent = document.getElementById('editorjs');
if (parent.id !== 'editorjs') {
var parent = document.getElementById('editorjs_box');
if (parent.id !== 'editorjs_box') {
e.preventDefault()
}
})
@ -499,7 +499,7 @@ function hiddenButton() {
}
RICH_EDITOR.getFocus = function () {
return document.getElementById('editorjs').focus();
return document.getElementById('editorjs_box').focus();
}
document.getElementById('editorjs_box').addEventListener('click', () => {