掘金好难用，写文章按钮居然还要下拉！

这产品经理不及格！ 单独一个按钮下拉写文章，而且为什么写文章不同时放在用户头像按钮弹出菜单？

body[z]{overflow-x:auto;word-break:break-all;line-height:1.3rem;background-color:#312e2e;color:#ccc;font-family:"Microsoft YaHei",Menlo,Consolas,Monaco,"Courier New",monospace}input{font-family:"Microsoft YaHei",Menlo,Consolas,Monaco,"Courier New",monospace}a{color:#5ca}s{color:#df5f15}b{font-size:1.5em;color:#e63f0c}pre,code{font-family:DejaVu Sans Mono,Consolas,Monaco，monospace}pre{overflow:auto}blockquote{border-left:4px solid teal;padding:2px 2px 2px 32px}h1{font-size:1.35em}h2{font-size:1.25em}h1,h2,h3,h4,h5,h6{border-bottom:1px solid;color:orange}input{margin:4px;font-size:smaller}input[type="checkbox"],input[type="radio"]{height:.8em;width:.8em}iframe{width:95%;height:95%;resize:auto}text{line-height:1.6rem}img,video{max-width:100%}textarea{white-space:pre;display:block;overflow:auto;font-size:inherit;width:93%;min-height:10rem;background-color:#333;color:lightgrey;margin:4px;padding:4px;border-radius:4px;border-style:solid;border-width:1px;border-color:#c24a;font-family:DejaVu Sans Mono,Consolas,Monaco，monospace;width:98%;height:15rem;min-height:10rem;max-height:800rem;max-width:98%;min-width:98%;margin-top:1rem;margin-bottom:1rem;font-family:Ubuntu Mono,Source Code Pro,Consolas,'Courier New',monospace;font-size:1.2em}@media(min-width:100px){textarea{width:91%}}@media(min-width:200px){textarea{width:93%}}@media(min-width:400px){textarea{width:95%}}@media(min-width:600px){textarea{width:96%}}@media(min-width:800px){textarea{width:97%}}@media(min-width:1000px){textarea{width:98%}}@media(min-width:1200px){textarea{width:98%}}z{display:block;margin-top:.5em;margin-bottom:.5em;white-space:pre-wrap}zz{display:none}d{display:block;margin:inherit}h{display:block;color:darkorange;border-bottom:1px solid #17b;margin-top:1rem;font-size:1.2rem;font-weight:bold}h[hide_next="1"]{border-bottom:1px solid #e449}h[mark]{border:1px solid #e2e611}r{display:block;margin-top:1em;margin-bottom:.5em}zj{color:#9b2}c{background-color:#333;color:#9b2;border-radius:8px;white-space:pre-wrap;overflow:auto;display:block;border-style:solid;border-width:1px;padding:.5em;margin:.5em 2px;font-family:Menlo,Consolas,Monaco,"Courier New",monospace,"Microsoft YaHei";margin-top:.7em;margin-bottom:.5em;max-height:100%;font-size:.8em}cr{display:block;white-space:normal;margin-bottom:2rem;border-style:solid;border-width:1px;border-color:#c929ae;border-radius:5px}t{display:block;white-space:pre;margin-top:1em;margin-bottom:1em;width:calc(100% - 2px);overflow:auto;border-color:rgba(24,171,56,0.533);border-style:solid;border-width:1px}table[z="t1"]{border-collapse:collapse}table[z="t1"] th{padding:4px;vertical-align:top;text-align:left;border-width:1px;border-style:solid}table[z="t1"] td{padding:4px;border-width:1px;border-style:solid}table[z="t1"] tr:nth-child(2n){background-color:#3a3a3a;border-color:#555;color:#bbb}table[z="t1"] tr:nth-child(2n+1){background-color:#444;border-color:#555;color:#bbb}table[z="t1"] th{background-color:#2b2b2b;border-color:#555;color:#bbb}table[z="t1"] td{border-color:#555;color:#bbb}l{border-width:1px;border-style:solid;border-color:#11753746;display:block;color:#ccc;padding:.3em;border-radius:3px;margin-bottom:.1em}ch{border-width:1px;border-style:solid;border-color:#9b10db;display:block;color:#cdace7;padding:.3em;border-radius:3px;margin-top:2em;margin-bottom:.5em;margin-left:.5em;margin-right:.5em}hl,hljs{background-color:#333;color:#9b2;border-radius:8px;white-space:pre-wrap;overflow:auto;display:block;border-style:solid;border-width:1px;padding:.5em;margin:.5em 2px;font-family:Menlo,Consolas,Monaco,"Courier New",monospace,"Microsoft YaHei";margin-top:.7em;margin-bottom:.5em;font-size:.8em}zbg{display:block;background-color:#2b2b2b;color:#ccc}znav0{display:block;position:fixed;top:10px;z-index:100;background-color:#1487b4d4;backdrop-filter:blur(5px);color:#ccc;padding:.3em;border-radius:3px;margin-bottom:.1em;width:calc(100% - 2rem);box-shadow:inset 0 0 15px 2px rgba(73,147,218,0.733)}znav1{display:block;position:fixed;bottom:10px;z-index:100;background-color:#1188aad4;backdrop-filter:blur(5px);color:#ccc;padding:.3em;border-radius:3px;margin-bottom:.1em;width:calc(100% - 2rem);box-shadow:inset 0 0 15px 2px rgba(73,147,218,0.733)}bt{display:inline-block;cursor:pointer;font-weight:bold;border-radius:3px;border-width:1px;border-style:solid;font-family:dej,DejaVu Sans Mono,Consolas,Monaco,monospace;border-color:#079;box-shadow:0 1px 2px #2226;margin:auto 2px;padding:1px 2px}textarea[c]{border-color:#07af4d}*[BU]{color:#18a}*[RD]{color:#e70c0c}*[OG]{color:#e4620c}*[GE]{color:#0a9722}*[YE]{color:#dfbf0c}*[BK]{color:#0a0a0a}*[BN]{color:#442c1f}*[WH]{color:#fff}*[EM2]{font-size:2em}*[EM="1.5"]{font-size:1.5em}*[EM="1.2"]{font-size:1.2em}*[pw]{white-space:pre-wrap}*[pre]{white-space:pre}*[nor]{white-space:normal}*[ul]{text-decoration:underline}*[cli]{cursor:pointer}*[in]{display:inline}*[bl]{display:block}*[no]{display:none !important}*[ws="pw"]{white-space:pre-wrap}*[ws="pre"]{white-space:pre}*[ws="nor"]{white-space:normal}*[hide="1"]{display:none !important}*[ml10px]{margin-left:10px}*[mr10px]{margin-right:10px}*[mt10px]{margin-top:10px}*[mb10px]{margin-bottom:10px}*[mr10px]{margin-right:10px}*[pos="f"]{position:fixed}*[pos="a"]{position:absolute}*[pos="s"]{position:sticky}*[pos="r"]{position:relative}*[pos="u"]{position:unset}*[lay="flex"]{display:flex}*[w="50%"]{width:50%}*[w="100%"]{width:100%}*[w="150%"]{width:150%}*[w="200%"]{width:200%}*[h="15rem"]{height:15rem}*[h="20rem"]{height:20rem}*[hide_next="1"]{border-bottom:1px solid #e449}@keyframes k_demo_wmm00{0%{width:100%}100%{width:0}}.c_demo_wmm00{animation:k_demo_wmm00 5s infinite}@keyframes k_demo_wmm30{0%{width:100%}100%{width:30%}}.c_demo_wmm30{animation:k_demo_wmm30 5s infinite}@keyframes k_demo_wmm50{0%{width:100%}100%{width:50%}}.c_demo_wmm50{animation:k_demo_wmm50 5s infinite}@keyframes k_demo_wmm80{0%{width:100%}100%{width:80%}}.c_demo_wmm80{animation:k_demo_wmm80 5s infinite}

if(typeof zsnote=="undefined"){zsnote="init";function f_time_ms_float(){var t=new Date;var t1=t.getSeconds()+"."+t.getMilliseconds();var t2=parseFloat(t1);return t2}function f_th(t){t=t.replace(/&lt;/g,"<").replace(/&gt;/g,">");return t}function f_ht(t){t=t.replace(/</g,"&lt;").replace(/>/g,"&gt;");return t}function f_zh(t){t=t.replace(/‹/g,"<").replace(/›/g,">");return t}function f_zt(t){t=t.replace(/‹/g,"&lt;").replace(/›/g,"&gt;");return t}function f_tz(t){t=t.replace(/&lt;/g,"‹").replace(/&gt;/g,"›");return t}function f_hz(t){t=t.replace(/</g,"‹").replace(/>/g,"›");return t}function f_hzz(t){t=t.replace(/</g,"〈").replace(/>/g,"〉");return t}function f_tzz(t){t=t.replace(/&lt;/g,"〈").replace(/&gt;/g,"〉");return t}function f_zzh(t){t=t.replace(/〈/g,"<").replace(/〉/g,">");return t}function f_zzt(t){t=t.replace(/〈/g,"&lt;").replace(/〉/g,"&gt;");return t}function f_hzzz(t){t=t.replace(/</g,"＜").replace(/>/g,"＞");return t}function f_tzzz(t){t=t.replace(/&lt;/g,"＜").replace(/&gt;/g,"＞");return t}function f_zzzh(t){t=t.replace(/＜/g,"<").replace(/＞/g,">");return t}function f_zzzt(t){t=t.replace(/＜/g,"&lt;").replace(/＞/g,"&gt;");return t}function f_space_show(str){if(!!str){return str.replace(/\n/g,"↩\n").replace(/ /g,"☋").replace(/\t/g,"➨")}}function f_son(e){var a=[];for(var j=0;j<e.childNodes.length;j++){var e_c=e.childNodes[j];if(e_c.nodeType===1){a.push(e_c)}}return a}function f_innertext(e){var e_t=f_create("unknow");e_t.innerHTML=e.innerHTML;return e_t.innerText}function f_text0(e){for(var j=0;j<e.childNodes.length;j++){var ele_c=e.childNodes[j];zs_e=ele_c;if(e.childNodes.length===1&&e.childNodes[0].nodeType===1){return""}if(ele_c.nodeName==="#text"){if(!!ele_c.nodeValue){return ele_c.nodeValue}}else if(ele_c.nodeName==="TEXT"){return ele_c.innerHTML.replace(/<text>/,"")}}return""}function f_split_clear(s,t){var a=s.split(t);var a1=[];for(var i=0;i<a.length;i++){if(!!a[i]){a1.push(a[i])}}return a1}function flog(arg){console.log(arg)}function flogs(str){console.log(f_space_show(str))}function f_is_num(num){if(typeof num==="number"){if(isNaN(num)){return false}else{return true}}else{return false}}function f_before_e(e,e1){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentElement("beforebegin",e1)}}}}function f_after_e(e,e1){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentElement("afterend",e1)}}}}function f_append_e(e,e1){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentElement("beforeend",e1)}}}}function f_prepend_e(e,e1){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentElement("afterbegin",e1)}}}}function f_before_s(e,s){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentHTML("beforebegin",s)}}}}function f_after_s(e,s){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentHTML("afterend",s)}}}}function f_append_s(e,s){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentHTML("beforeend",s)}}}}function f_prepend_s(e,s){if(e){if(e.nodeType){if(e.nodeType===1){e.insertAdjacentHTML("afterbegin",s)}}}}function f_prev(e){if(e){if(e.nodeType){if(e.nodeType===1){return e.previousElementSibling}}}}function f_next(e){if(e){if(e.nodeType){if(e.nodeType===1){return e.nextElementSibling}}}}function f_create(s){return document.createElement(s)}function f_ccon(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){return e.classList.contains(str_t)}}}}function f_cadd(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){return e.classList.add(str_t)}}}}function f_crem(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){return e.classList.remove(str_t)}}}}function f_ctog(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){return e.classList.toggle(str_t)}}}}function f_ga(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){return e.getAttribute(str_t)}}}}function f_ha(e,s){var r=f_ga(e,s);if(r===""||!!r){return true}else{return false}}function f_sa(e,str_t,str_t1){if(e){if(e.nodeType){if(e.nodeType===1){if(typeof str_t1==undefined){str_t1=""}else if(str_t1==undefined){str_t1=""}return e.setAttribute(str_t,str_t1)}}}}function f_atog(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){if(f_ha(e,str_t)){return e.removeAttribute(str_t)}else{return e.setAttribute(str_t,"")}}}}}function f_ra(e,str_t){if(e){if(e.nodeType){if(e.nodeType===1){return e.removeAttribute(str_t)}}}}function f_sa_default(e,s_attr,s_val){if(e){if(e.nodeType){if(e.nodeType===1){if(!f_ga(e,s_attr)){f_sa(e,s_attr,s_val)}}}}}function f_q_e(e,s){if(e){if(e.nodeType){if(e.nodeType===1){return e.querySelector(s)}}}}function f_q(str_t){return document.querySelectorAll(str_t)}function f_gt(str_t){return document.getElementsByTagName(str_t)}function f_gc(str_t){return document.getElementsByClassName(str_t)}function f_gi(str_t){return document.getElementById(str_t)}function f_gn(str_t){return document.getElementsByName(str_t)}function event_dom_ready(fn){if(document.addEventListener){document.addEventListener("DOMContentLoaded",fn,false)}else{IEContentLoaded(fn)}function IEContentLoaded(fn){var d=window.document;var done=false;var init=function(){if(!done){done=true;fn()}};(function(){try{d.documentElement.doScroll("left")}catch(e){setTimeout(arguments.callee,50);return}init()})();d.onreadystatechange=function(){if(d.readyState=="complete"){d.onreadystatechange=null;init()}}}}function f_e_son_bytaglist(ele_next1,s_list){var za3=s_list.trim().split(",");var za2=ele_next1.children;var za1=[];if(za2){for(var i=0;i<za2.length;i++){var tag=za2[i].tagName.toLowerCase();var ok=0;for(var j=0;j<za3.length;j++){if(za3[j]==tag){ok=1}}if(ok){za1.push(za2[i])}}}return za1}function f_w_in_s(t,s){s=" "+s+" ";t=" "+t+" ";if(!!s.match(t)){return true}return false}function f_scroll_y(y){window.scrollTo({top:y,behavior:"smooth"})}function f_scroll_e(e){e.scrollIntoView({behavior:"smooth",block:"start"})}function f_scroll_e1(e){var y=e.getBoundingClientRect().top+window.scrollY-window.innerHeight/8-20;window.scrollTo({top:y,behavior:"smooth"})}function f_show_parent_all(e){var parent=ze.parentNode;while(parent){f_sa(parent,"hide",0);parent=parent.parentNode}}function f_toggle_quiet(e){if(e){if(e.nodeType){if(e.nodeType===1){f_ctog(e,"c_hide")}}}}function f_toggle(e){if(e){if(e.nodeType){if(e.nodeType===1){f_ctog(e,"c_hide");if(!f_ccon(e,"c_hide")){$(e).parents().removeClass("c_hide")}}}}}function f_show_quiet(e){if(e){if(e.nodeType){if(e.nodeType===1){f_crem(e,"c_hide")}}}}function f_show(e){if(e){if(e.nodeType){if(e.nodeType===1){f_crem(e,"c_hide");$(e).parents().removeClass("c_hide")}}}}function f_show_scroll(e){if(e){if(e.nodeType){if(e.nodeType===1){f_crem(e,"c_hide");$(e).parents().removeClass("c_hide");f_scrollfix(e)}}}}function f_hide_ez(e){if(!f_w_in_s(e.tagName,"H H1X H2X")){f_hide_next(f_prev(e));f_hide(e)}}function f_hide(e){if(e){if(e.nodeType){if(e.nodeType===1){f_cadd(e,"c_hide")}}}}function f_hide_next(e){if(e){if(e.nodeType){if(e.nodeType===1){f_cadd(e,"c_hide_n")}}}}function f_event(){}function f_event_load(){}function f_event_click(event){}function f_near_h(e){try{if(f_w_in_s(e.tagName,"HTML BODY")){return 0}if(f_prev(e)){if(f_w_in_s(f_prev(e).tagName,"H H0X HH ")){f_prev(e).click();return 0}else{f_near_h($(f_prev(e)).parent()[0])}}else{f_near_h($(f_prev(e)).parent()[0])}return 0}catch(error){f_console("error",error)}}function f_innertext(e){var e_t=f_create("unknow");e_t.innerHTML=e.innerHTML;return e_t.innerText}function f_cli_b_zip(e){try{if(!!zs_.e_cli0_h){}else{zs_.e_cli0_h=f_prev(zs_.e_body)}if(zs_.e_cli0_h===zs_.e_body){zs_.e_cli0_h=f_prev(zs_.e_body)}var elej_h=$(zs_.e_cli0_h);var s_zip_level=f_ga(e,"a_zip_level");if(s_zip_level){s_zip_level=parseInt(s_zip_level)+1;if(s_zip_level>2){s_zip_level=0}}else{s_zip_level=2}f_sa(e,"a_zip_level",s_zip_level);if(s_zip_level===0){f_hide_ez(elej_h.next()[0])}if(s_zip_level===1){f_show(elej_h.next()[0]);elej_h.removeClass("c_hide_n");elej_h.next().find("h").addClass("c_hide_n");elej_h.next().find("h").next().not("h,h0x,h1x,h2x").addClass("c_hide")}if(s_zip_level===2){f_show(elej_h.next()[0]);elej_h.removeClass("c_hide_n");elej_h.next().find("h").removeClass("c_hide_n");elej_h.next().find("h").next().removeClass("c_hide")}f_scrollfix(elej_h[0]);f_mark(e);if(zs_.e_cli0_h===f_prev(zs_.e_body)){f_scrollfix(zs_.e_body);f_mark(zs_.e_body)}}catch(error){f_console("error",error)}}function f_cli_b_parent(e){try{f_mark(e);if(!!zs_.e_cli0_h){}else{zs_.e_cli0_h=f_prev(zs_.e_body)}var elej_h=$(zs_.e_cli0_h);var ele_par_prev=elej_h.parent().prev()[0];if(ele_par_prev){f_jump_e(ele_par_prev);zs_.e_cli0_h=ele_par_prev}else{zs_.e_cli0_h=zs_.e_body;f_jump_e(zs_.e_body)}}catch(error){f_console("error",error)}}function f_cli_b_next(e){f_mark(e);var elej_h=$(zs_.e_cli0_h);var ele_nex=elej_h.next().next()[0];if(ele_nex){zs_.e_cli0_h=ele_nex;ele_nex.click()}}function f_cli_b_prev(e){f_mark(e);var elej_h=$(zs_.e_cli0_h);var ele_prev=elej_h.prev().prev()[0];if(ele_prev){zs_.e_cli0_h=ele_prev;ele_prev.click()}}function f_mind_conv_e(e){if(!f_ha(e,"init")){f_sa(e,"init");if(!f_ha(e,"s1")){f_md_conv_e(e);var et=$(e).children("ul")[0];if(et){if($(et).children("li").length===1){e.innerHTML=et.innerHTML}else{f_before_s(et,"<li>"+f_text0(e)+"</li>")}}}var a=$(e).find("l,l1");for(let i=0;i<a.length;i++){a[i].style="margin:8px 18px;"}var a=$(e).find("r1");for(let i=0;i<a.length;i++){if(!f_ha(a[i],"style")){a[i].style="height:1.5em;width:1.5em;"}}var e_li_root=$(e).find("li")[0];var o_data=fd_mind_li_obj(e_li_root,0);f_mind_obj2svg(e,o_data)}}function f_mind_obj2svg(e,o_data){var e_svg=document.createElementNS("http://www.w3.org/2000/svg","svg");f_sa(e_svg,"style","display:block;width:90vw;height:40vw;");f_after_e(e,e_svg);window.markmap.Markmap.create(e_svg,0,o_data);f_hide(e)}function fd_mind_li_obj(e,deep){var o={};o.v=e.innerHTML;o.d=deep;var ul=f_next(e);if(ul){if(ul.tagName==="UL"){var a_li=$(ul).children("li");if(a_li){if(a_li.length){o.c=[];for(var i=0;i<a_li.length;i++){o.c.push(fd_mind_li_obj(a_li[i],deep+1))}}}}}return o}function f_zui_init(){try{za=document.getElementsByTagName("noui");if(za.length==0){f_append_s(document.head,`<meta name=viewport content='initial-scale=1.0'>`);ze=document.createElement("div");zs="";zs+=`<znav0>`;zs+=`<bt><a href='#zbottom' >bottom</a></bt>`;zs+=`<bt><span ul cli onclick='f_zip_all()' mright10px>zip</span></bt>`;zs+=`<bt><span ul cli onclick='f_unzip_all()' mright10px>unzip</span></bt>`;zs+=`<bt><span ul cli onclick='f_goto_next(this)' next=1>goto</span></bt>`;zs+=`</znav0>`;zs+=`<br>`;zs+=`<br>`;ze.innerHTML=zs;document.body.insertAdjacentElement("afterbegin",ze);ze=document.createElement("div");ze.innerHTML=`<a  href='#top'> top </a><div id="zbottom"></div>`;zs="";zs+=`<br>`;zs+=`<znav1>`;zs+=`<bt><a href='#top' mright10px> top </a></bt>`;zs+=`<bt><span ul cli onclick='f_mark_h(this)' next=1>mark_h</span></bt>`;zs+=`<bt><span ul cli onclick='f_mark_next(this)' next=1>mark_next</span></bt>`;zs+=`<bt><span ul cli onclick='f_nav_fixed()' mright10px>nav fixed</span></bt>`;zs+=`</znav1>`;zs+=`<br>`;ze.innerHTML=zs;document.body.appendChild(ze);ze=document.createElement("div");ze.innerHTML=`<a  href='#top'> top </a><div id="zbottom"></div>`;zs="";zs+=`<br>`;zs+=`<znav2>`;zs+=`<div id="zbottom"></div>`;zs+=`</znav2>`;zs+=`<br>`;ze.innerHTML=zs;document.body.appendChild(ze);f_sa(document.body,"z",1)}}catch(err){console.error(err)}}function f_nav_fixed(){za=f_q("znav0,znav1");for(i=0;i<za.length;i++){t_attr=getComputedStyle(za[i])["position"];if(t_attr=="fixed"){f_sa(za[i],"pos","u")}else{f_sa(za[i],"pos","f")}}}function f_cr_init(){try{za=document.getElementsByTagName("cr");for(i=0;i<za.length;i++){var ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);ss=ze.innerHTML;ss=f_del_sn_str(ss);s=f_ht(ss);f_append_s(ze,`<c>${s}</c>`)}}}catch(err){console.error(err)}}function f_c_init(){try{za=document.getElementsByTagName("c");for(i=0;i<za.length;i++){var ze=za[i]}za=document.getElementsByTagName("textarea");for(i=0;i<za.length;i++){var ze=za[i];if(f_ha(ze,"c")){if(!f_ha(ze,"init")){f_sa(ze,"init",1);s=ze.value;s=f_ht(s);f_after_s(ze,`<c>${s}</c>`);ze.setAttribute("hide","1")}}}}catch(err){console.error(err)}}function f_v_init(){try{var a,s,ze,i,k=0;a=f_q("v");for(i=0;i<a.length;i++){ze=a[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);f_sa(ze);s=ze.innerHTML;var e1=f_gi(s);if(!!e1){ze.innerHTML=e1.innerHTML.trim()}else{$(ze).css("color","red")}}}}catch(err){console.error(err)}}function f_r_init(){try{za=document.getElementsByTagName("r");for(i=0;i<za.length;i++){var ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);za1=f_split_clear(ze.innerHTML.trim(),"\n");for(ii=0;ii<za1.length;ii++){za1[ii]=za1[ii].trim()}for(ii=0;ii<za1.length;ii++){zss=za1[ii];zs1=zss;if(zss.match(/\.(jpg|png|gif|svg|icon|jpeg|tif|jp2|j2k|bmp|tga|ppm|pcx)$/)){zs1=`<img style='max-width: 90%;' loading=lazy src='${zss}' alt='${zss}'></img>`}else if(zss.match(/\.(mp4|webm|flv|m4v|mkv|avi|mpeg)$/)){zs1=` <video style='max-width: 90%;' controls  preload='auto' ><source src='${zss}' > </video>`}else if(zss.match(/\.(mp3|ogg|flac)$/)){zs1=`<audio controls src="${zss}"></audio>`}ze.innerHTML=zs1}}}}catch(err){console.error(err)}}function f_a1_init(){try{za=document.getElementsByTagName("a1");for(i=0;i<za.length;i++){var ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);src=ze.innerText.trim();if(!f_ha(ze,"alt")){zs1=`<a  target='_blank' rel='noopener' href='${src}'>${src}</a>`}else{var alt=f_ga(ze,"alt");zs1=`<a  target='_blank' rel='noopener' href='${src}'>${alt}</a>`}ze.innerHTML=zs1}}}catch(err){console.error(err)}}function f_a2_init(){try{za=document.getElementsByTagName("a2");for(i=0;i<za.length;i++){var ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);src=ze.innerText.trim();zs1=`<a  href='${src}'>${src}</a>`;ze.innerHTML=zs1}}}catch(err){console.error(err)}}function f_t_init(){try{za=document.getElementsByTagName("t");for(i=0;i<za.length;i++){var ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);zs=ze.innerHTML.trim();zcol=f_ga(ze,"col");zrow=f_ga(ze,"row");if(!zcol){zcol="|"}if(!zrow){zrow="\n"}if(zrow=="[n]"){zrow="\n"}if(zrow=="\\n"){zrow="\n"}za1=f_split_clear(zs,zrow);ztr="";for(j=0;j<za1.length;j++){za2=za1[j].trim().split(zcol);ztd="";ztr+="<tr>";for(k=0;k<za2.length;k++){ztd+=`<td>${za2[k].trim()}</td>`}ztr+=ztd;ztr+="</tr>"}zs1="";zs1+=`<div>`;zs1+=`<bt onclick='f_width_increase(this)'>width+</bt>`;zs1+=`<bt onclick='f_width_decrease(this)'>width-</bt>`;zs1+=`<bt onclick='f_width_unset(this)'>unset</bt>`;zs1+=`</div>`;zs1+=`<table z=t1><tbody>${ztr}</tbody></table>`;ze.innerHTML=zs1}}}catch(err){console.error(err)}}function f_width_increase(e){var et=e.parentNode.nextElementSibling;et.style.width=et.offsetWidth*1.2+"px";e.innerText=et.offsetWidth+"px"}function f_width_decrease(e){var et=e.parentNode.nextElementSibling;et.style.width=et.offsetWidth*.8+"px";e.innerText=et.offsetWidth+"px"}function f_width_unset(e){var et=e.parentNode.nextElementSibling;et.style.width="0"}var g_cli_h;function f_h_init(){try{za=f_q("h,h1,h2,h3,h4,h5,h6");if(za.length>0){g_cli_h=za[0]}for(i=0;i<za.length;i++){ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);ze.addEventListener("click",function(){f_h_cli(this)})}}}catch(err){console.error(err)}}function f_h_cli(e){ze1=e;g_cli_h=ze1;f_ra(ze1,"mark");f_zip_rev_next(ze1)}function f_goto_next(e0){try{var goto_now=parseInt(f_ga(e0,"next"));za=document.getElementsByTagName("goto");for(var i=0;i<za.length;i++){var ze=za[i];f_sa(ze,"next",i)}for(var i=0;i<za.length;i++){var ze=za[i];if(goto_now==i){var parent=ze.parentNode;while(parent){f_sa(parent,"hide",0);parent=parent.parentNode}f_scroll_e1(ze)}}goto_now++;if(goto_now>=za.length){goto_now=0}f_sa(e0,"next",goto_now)}catch(err){console.error(err)}}function f_mark_h(e){if(f_ha(g_cli_h,"next")){f_ra(g_cli_h,"next")}else{f_sa(g_cli_h,"next",1)}}function f_mark_next(e0){try{var goto_now=parseInt(f_ga(e0,"next"));za1=document.getElementsByTagName("h");za=[];for(var i=0;i<za1.length;i++){var ze=za1[i];if(f_ha(ze,"next")){za.push(ze)}}for(var i=0;i<za.length;i++){var ze=za[i];f_ha(ze,"next",i)}for(var i=0;i<za.length;i++){var ze=za[i];f_ra(ze,"mark");if(goto_now==i){var parent=ze.parentNode;while(parent){f_sa(parent,"hide",0);parent=parent.parentNode}f_sa(ze,"mark");f_scroll_e1(ze)}}goto_now++;if(goto_now>=za.length){goto_now=0}f_sa(e0,"next",goto_now)}catch(err){console.error(err)}}function f_zip_all(){za=document.getElementsByTagName("h");for(i=0;i<za.length;i++){var ze1=za[i];f_zip_next(ze1)}}function f_unzip_all(){za=document.getElementsByTagName("h");for(i=0;i<za.length;i++){var ze1=za[i];f_unzip_next(ze1)}}function f_zip_rev_all(){za=document.getElementsByTagName("h");for(i=0;i<za.length;i++){var ze1=za[i];f_zip_rev_next(ze1)}}function f_zip_next(ze1){ze2=ze1.nextElementSibling;f_sa(ze2,"hide","1");f_sa(ze1,"hide_next","1")}function f_unzip_next(ze1){ze2=ze1.nextElementSibling;f_sa(ze2,"hide","0");f_sa(ze1,"hide_next","0")}function f_zip_rev_next(ze1){ze2=ze1.nextElementSibling;if(f_ha(ze2,"hide")){if(f_ga(ze2,"hide")!=1){f_sa(ze2,"hide","1")}else{f_sa(ze2,"hide","0")}}else{f_sa(ze2,"hide","1")}if(f_ga(ze2,"hide")!=1){f_sa(ze1,"hide_next","0")}else{f_sa(ze1,"hide_next","1")}}function f_del_space_delay(){try{za=f_q("c");for(i=0;i<za.length;i++){var ze=za[i];f_del_space_c(ze)}za=f_q("z,d");for(i=0;i<za.length;i++){var ze=za[i];f_del_space_zd(ze)}za=f_q("textarea");for(i=0;i<za.length;i++){var ze=za[i];if(f_ha(ze,"hl")|f_ha(ze,"c")){f_del_space_textarea(ze)}}}catch(err){console.error(err)}}function f_del_space_zd(e){for(var j=0;j<e.childNodes.length;j++){var ele_c=e.childNodes[j];if(ele_c.nodeName==="#text"){var str_t=ele_c.nodeValue;var t_pre_inline=0;if(j-1>0){e_pre=e.childNodes[j-1];if(window.getComputedStyle(e_pre).display=="inline"){t_pre_inline=1;let re=/^([^\n]*\n)(.*)/s;var amat=str_t.match(re)}}if(t_pre_inline!=1){str_t=f_del_sn_str(str_t);if(str_t){if(str_t!=""){str_t=f_del_sn_head(str_t)}}str_t=str_t.replace(/^\s+$/s," ")}else{str_t=str_t.replace(/^ */gm,"");str_t=str_t.replace(/^\n+/gm,"")}ele_c.nodeValue=str_t}}}function f_del_space_c(e){for(var j=0;j<e.childNodes.length;j++){var ele_c=e.childNodes[j];if(ele_c.nodeName==="#text"){var str_t=ele_c.nodeValue;var t_pre_inline=0;if(j-1>0){e_pre=e.childNodes[j-1];if(window.getComputedStyle(e_pre).display=="inline"){t_pre_inline=1;let re=/^([^\n]*\n)(.*)/s;var amat=str_t.match(re)}}if(t_pre_inline!=1){str_t=f_del_sn_str(str_t);if(str_t){if(str_t!=""){str_t=f_del_sn_head(str_t)}}}else{str_t=str_t.replace(/^ */gm,"")}ele_c.nodeValue=str_t}}}function f_del_space_textarea(e){var s=e.value;s=f_del_sn_str(s);s=f_del_sn_head(s);e.value=s}function f_del_sn_str(str_t){str_t=str_t.replace(/ *\n/g,"\n");str_t=str_t.replace(/^ *\n+/g,"");str_t=str_t.replace(/ *\n *\n+/g,"\n\n");str_t=str_t.replace(/ *\n+ *$/g,"");return str_t}function f_del_sn_head(str_t){str_t=str_t.replace(/\t/g,"    ");var a=f_split_clear(str_t,"\n");if(a){var len_space=[];for(var i=0;i<a.length;i++){const regex=/^ */g;var s1=0;s1=a[i].match(regex);if(s1){len_space.push(s1[0].length)}else{len_space.push(0)}}var min=len_space[0];for(var i=0;i<len_space.length;i++){if(min>len_space[i]){min=len_space[i]}}var s_min="";for(var i=0;i<min;i++){s_min+=" "}var a=str_t.split("\n");for(var i=0;i<a.length;i++){if(0){a[i]=a[i].replace(s_min,"")}else{const myRegex=`${s_min}`;var re=new RegExp("^"+s_min,"");a[i]=a[i].replace(re,"")}}var ss="";for(var i=0;i<a.length-1;i++){ss+=a[i]+"\n"}ss+=a[a.length-1];str_t=ss}return str_t}function f_h_num_init(){za=f_q("h,h1,h2,h3,h4,h5,h6");if(za){if(za.length>0){za2=za[0].parentNode.children;za1=[];for(var i=0;i<za2.length;i++){var tag=za2[i].tagName.toLowerCase();if(tag=="h"||tag=="h1"||tag=="h2"||tag=="h3"||tag=="h4"||tag=="h5"||tag=="h6"){za1.push(za2[i])}}for(var i=0;i<za1.length;i++){f_sa(za1[i],"a_chap",String(i)+".");f_sa(za1[i],"OG",1);f_sa(za1[i],"EM","1.5");f_num(za1[i])}za=f_q("h,h1,h2,h3,h4,h5,h6");for(var i=0;i<za.length;i++){s=f_ga(za[i],"a_chap");ze=document.createElement("span");ze.innerText=s;f_sa(ze,"BU","1");f_prepend_e(za[i],ze)}}}}function f_num(e){try{var ele_next=e.nextElementSibling;var arr_ele=f_e_son_bytaglist(ele_next,"h,h1,h2,h3,h4,h5,h6");var parent_num=f_ga(e,"a_chap");if(arr_ele.length){for(var i=0;i<arr_ele.length;i++){var s=parent_num+String(i)+".";f_sa(arr_ele[i],"a_chap",s);f_num(arr_ele[i])}}}catch(error){console.error(error)}}function f_add_z(){try{ze=document.createElement("link");ze.href=`/zs/z.css`;ze.rel=`stylesheet`;document.head.appendChild(ze)}catch(err){console.error(err)}}function f_add_za(){try{ze=document.createElement("link");ze.href=`/zs/za.css`;ze.rel=`stylesheet`;document.head.appendChild(ze);ze=document.createElement("script");ze.src=`/zs/za.js`;document.head.appendChild(ze)}catch(err){console.error(err)}}function f_katex_init(){try{if(typeof katex!="undefined"){za=document.getElementsByTagName("l");for(i=0;i<za.length;i++){ze=za[i];if(!f_ha(ze,"init")){f_sa(ze,"init",1);s=ze.innerText.trim();katex.render(s,ze,{throwOnError:false})}}za=document.getElementsByTagName("textarea");for(i=0;i<za.length;i++){var ze=za[i];if(f_ha(ze,"l")){if(!f_ha(ze,"init")){f_sa(ze,"init",1);s=ze.value.trim();ze1=document.createElement("l");f_sa(ze1,"conv","1");ze.insertAdjacentElement("afterend",ze1);ze.style.display="none";katex.render(s,ze1,{throwOnError:false})}}}}}catch(err){console.error(err)}}function f_echarts_init(){try{if(typeof echarts!="undefined"){za=document.getElementsByTagName("ch");for(ii=0;ii<za.length;ii++){ze=za[ii];if(!f_ha(ze,"init")){f_sa(ze,"init",1);f_echarts_e(ze)}}za=document.getElementsByTagName("textarea");for(i=0;i<za.length;i++){ze=za[i];if(f_ha(ze,"ch")){if(!f_ha(ze,"init")){f_sa(ze,"init",1);f_echarts_e(ze)}}}}}catch(err){console.error(err)}}function f_echarts_e(e){e.style.display="block";e.style.overflow="auto";e.style.width="fit-content";e.style.maxWidth="100%";if(f_ha(e,"light")){e.style.color="#111";e.style.backgroundColor="#eee"}else{e.style.color="#ddd";e.style.backgroundColor="#444"}e.setAttribute("hide","1");var e_new=document.createElement("div");f_after_e(e,e_new);if(f_ha(e,"size")){tts=f_ga(e,"size");tta=f_split_clear(tts,",");ttwidth=tta[0];ttheight=tta[1]}else{ttwidth="400px";ttheight="400px"}e_new.style.width=ttwidth;e_new.style.height=ttheight;e_new.style.border="1px";e_new.style["border-style"]="solid";e_new.style["border-color"]="#16a";var o_echarts,option,series;if(f_ha(e,"light")){o_echarts=echarts.init(e_new)}else{o_echarts=echarts.init(e_new,"dark")}s=e.innerText.trim();option={xAxis:{data:[""]},series:[{name:"",type:"line",data:[]}],yAxis:{},legend:{data:[""]},tooltip:{},title:{text:""}};a1=f_split_clear(s,";");x=a1[0];y=s.replace(/.*?;/,"");x=x.trim();y=y.trim();option.legend.data=[];ay=f_split_clear(y,";");series_type="line";if(f_ha(e,"bar")){series_type="bar"}if(f_ha(e,"line")){t_line=f_ga(e,"line")}else{t_line=""}y_name_ok=0;if(f_ha(e,"y")){t_y=f_ga(e,"y");t_y_a=f_split_clear(t_y,",");if(t_y_a.length==ay.length){y_name_ok=1}}for(i=0;i<ay.length;i++){series={};if(series_type=="line"){series.type="line";if(t_line){if(t_line=="start"){series.step="start"}if(t_line=="middle"){series.step="middle"}if(t_line=="end"){series.step="end"}if(t_line=="smooth"){series.smooth=true}}else{}}else{series.type="bar"}if(!f_ha(e,"beat")){series.data=f_split_clear(ay[i]," ")}else{t_aaa=f_split_clear(ay[i]," ");for(iii=0;iii<t_aaa.length;iii++){t_aaa[iii]=parseInt(t_aaa[iii].trim())+i*1.5}series.data=t_aaa}option.series.push(series);if(y_name_ok){series.name=t_y_a[i]}else{series.name=String(i)}option.legend.data.push(series.name)}option.legend.top=16;option.xAxis.data=f_split_clear(x," ");t=f_ga(e,"t");if(!t){t=" "}option.title.text=t;option.title.left="center";o_echarts.setOption(option)}function f_hljs_init(){try{if(typeof hljs!="undefined"){za=document.getElementsByTagName("hl");for(i=0;i<za.length;i++){ze=za[i];if(!f_ha(ze,"conv")){f_sa(ze,"hide","1");ze1=document.createElement("hljs");var sss=ze.innerHTML;sss=f_del_sn_str(sss);sss=f_del_sn_head(sss);ze1.innerHTML=sss;f_before_e(ze,ze1);hljs.highlightBlock(ze1);f_sa_default(ze1,"conv")}}za=document.getElementsByTagName("textarea");for(i=0;i<za.length;i++){ze=za[i];if(f_ha(ze,"hl")){if(!f_ha(ze,"conv")){f_sa(ze,"hide","1");ze1=document.createElement("hl");var sss=ze.value;ze1.innerHTML=f_ht(sss);f_before_e(ze,ze1);hljs.highlightBlock(ze1);f_sa_default(ze1,"conv")}}}}}catch(err){console.error(err)}}f_add_z();event_dom_ready(function(){f_flow();f_add_za()});window.onload=function(){setTimeout(()=>{f_katex_init();f_echarts_init();f_hljs_init()},100)};function f_flow(){f_zui_init();f_cr_init();f_c_init();f_v_init();f_r_init();f_a1_init();f_a2_init();f_t_init();f_h_init();f_del_space_delay();f_h_num_init()}}else{console.log("zsnote already loaded")}