to:sync
This commit is contained in:
parent
c115dda50b
commit
d8302cb9ca
@ -27,12 +27,40 @@ define(function (require, exports, module) {
|
||||
};
|
||||
}
|
||||
|
||||
//refreshEditColor
|
||||
let refreshEditColor = localStorage.getItem('refreshEditColor');
|
||||
if (refreshEditColor !== undefined && refreshEditColor !== null) {
|
||||
this.refreshEditColor = refreshEditColor;
|
||||
} else {
|
||||
this.refreshEditColor = "black";
|
||||
}
|
||||
let refreshEditColorLiList = document.querySelectorAll(".my_style_nav ul[data-my-style-type='refreshEditColor'] li");
|
||||
for (let i = 0; i < refreshEditColorLiList.length; i++) {
|
||||
let tmpLi=refreshEditColorLiList[i];
|
||||
if (tmpLi.getAttribute("data-my-style-v") === this.refreshEditColor) {
|
||||
tmpLi.setAttribute("data-my-select", "true");
|
||||
tmpLi.setAttribute("data-my-select-v", tmpLi.parentElement.getAttribute("data-my-select-v"));
|
||||
} else {
|
||||
tmpLi.removeAttribute("data-my-select");
|
||||
}
|
||||
}
|
||||
|
||||
//refreshEditBgColor
|
||||
let refreshEditBgColor = localStorage.getItem('refreshEditBgColor');
|
||||
if (refreshEditBgColor !== undefined && refreshEditBgColor !== null) {
|
||||
this.refreshEditBgColor = refreshEditBgColor;
|
||||
} else {
|
||||
this.refreshEditBgColor = null;
|
||||
this.refreshEditBgColor = "transparent";
|
||||
}
|
||||
let refreshEditBgColorLiList = document.querySelectorAll(".my_style_nav ul[data-my-style-type='refreshEditBgColor'] li");
|
||||
for (let i = 0; i < refreshEditBgColorLiList.length; i++) {
|
||||
let tmpLi=refreshEditBgColorLiList[i];
|
||||
if (tmpLi.getAttribute("data-my-style-v") === this.refreshEditBgColor) {
|
||||
tmpLi.setAttribute("data-my-select", "true");
|
||||
tmpLi.setAttribute("data-my-select-v", tmpLi.parentElement.getAttribute("data-my-select-v"));
|
||||
} else {
|
||||
tmpLi.removeAttribute("data-my-select");
|
||||
}
|
||||
}
|
||||
|
||||
this.usn = "syjSyj";
|
||||
|
@ -67,8 +67,10 @@ define(function (require, exports, module) {
|
||||
let tSpan = curLi.parentElement.parentElement.previousElementSibling;
|
||||
console.log("refreshEditColor ", dataMySelectK, dataMySelectV, tSpan, tSpan.getAttribute("data-v"))
|
||||
|
||||
tSpan.setAttribute("data-v", dataMySelectV)
|
||||
tSpan.setAttribute("data-v", dataMySelectV);
|
||||
|
||||
//保存在本地 refreshEditColor
|
||||
localStorage.setItem('refreshEditColor', dataMySelectV);
|
||||
}
|
||||
|
||||
function refreshEditBgColor(curLi) {
|
||||
@ -81,8 +83,9 @@ define(function (require, exports, module) {
|
||||
|
||||
let tSpan = curLi.parentElement.parentElement.previousElementSibling;
|
||||
console.log("refreshEditBgColor ", dataMySelectK, dataMySelectV, tSpan, tSpan.getAttribute("data-v"))
|
||||
|
||||
tSpan.setAttribute("data-v", dataMySelectV)
|
||||
tSpan.setAttribute("data-v", dataMySelectV);
|
||||
//保存在本地 refreshEditBgColor
|
||||
localStorage.setItem('refreshEditBgColor', dataMySelectV);
|
||||
}
|
||||
|
||||
function refreshPFontSize(curLi) {
|
||||
|
@ -33,7 +33,7 @@
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<header>
|
||||
<div class="fixStylePosition" id="_style_utils">
|
||||
<div class="fixStyleOut">
|
||||
|
||||
@ -167,20 +167,13 @@
|
||||
</svg>
|
||||
</span>
|
||||
<ul class="menu fllil" data-my-select-v="✔" data-my-style-type="refreshEditColor">
|
||||
<li data-my-select="true" data-my-select-v="✔" data-my-style-k="color"
|
||||
data-my-style-v="white">
|
||||
<span>无色</span>
|
||||
</li>
|
||||
<li data-my-style-k="color" data-my-style-v="red"><span style="color: red">红色</span></li>
|
||||
<li data-my-style-k="color" data-my-style-v="#edce02"><span
|
||||
style="color: #edce02">黄色</span>
|
||||
</li>
|
||||
<li data-my-style-k="color" data-my-style-v="blue"><span
|
||||
style="color: blue">蓝色</span></li>
|
||||
<li data-my-style-k="color" data-my-style-v="black"><span style="color: black">黑色</span>
|
||||
</li>
|
||||
<li data-my-style-k="color" data-my-style-v="gray"><span
|
||||
style="color: gray">灰色</span></li>
|
||||
<li data-my-style-k="color" data-my-style-v="red"><span style="color: red">红色</span></li>
|
||||
<li data-my-style-k="color" data-my-style-v="#edce02"><span style="color: #edce02">黄色</span>
|
||||
</li>
|
||||
<li data-my-style-k="color" data-my-style-v="blue"><span style="color: blue">蓝色</span></li>
|
||||
<li data-my-style-k="color" data-my-style-v="gray"><span style="color: gray">灰色</span></li>
|
||||
</ul>
|
||||
</span>
|
||||
</div>
|
||||
@ -223,8 +216,7 @@
|
||||
</svg>
|
||||
</span>
|
||||
<ul class="menu fllil" data-my-select-v="✔" data-my-style-type="refreshEditBgColor">
|
||||
<li data-my-select="true" data-my-select-v="✔" data-my-style-k="background-color"
|
||||
data-my-style-v="transparent">
|
||||
<li data-my-style-k="background-color" data-my-style-v="transparent">
|
||||
<span>空白</span>
|
||||
</li>
|
||||
<li data-my-style-k="background-color" data-my-style-v="lightcoral"><span
|
||||
@ -239,7 +231,7 @@
|
||||
</div>
|
||||
|
||||
<div class="my-divider-item"></div>
|
||||
<div style="display: flex;margin: 0 0; ">
|
||||
<div style="display: flex;margin: 0 0;line-height: 1; ">
|
||||
<span>
|
||||
<span id="cur_my_font_size" style="font-size: 14px">14px</span>
|
||||
</span>
|
||||
@ -290,21 +282,21 @@
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
</header>
|
||||
|
||||
<main id="myEdit_main" style="font-size: 14px">
|
||||
<main id="myEdit_main" style="font-size: 14px">
|
||||
<!-- 标题 -->
|
||||
<h3 id="my-title" contenteditable="true"></h3>
|
||||
<!-- 内容 -->
|
||||
<div id="yxl_note" contenteditable="true" spellcheck="false" translate="no">
|
||||
</div>
|
||||
</main>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<footer>
|
||||
|
||||
</footer>
|
||||
<div id="testDiv" style="font-size: 14px; width: 300px;margin-left: 10%; display: block"></div>
|
||||
<div id="testDevice" style="font-size: 14px; width: 300px;margin-left: 10%; display: block"></div>
|
||||
</footer>
|
||||
<div id="testDiv" style="font-size: 14px; width: 300px;margin-left: 10%; display: block"></div>
|
||||
<div id="testDevice" style="font-size: 14px; width: 300px;margin-left: 10%; display: block"></div>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
|
Loading…
x
Reference in New Issue
Block a user