Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns - Ecological Civilization - Full-Text HTML

<!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge" /> <title>Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns - Ecological Civilization - Full-Text HTML - SCIEPublish</title> <meta name="keywords" content="SCIE Publishing, SCIEPublish, open access, fast publication" /> <meta name="description" content="SCIEPublish is an international open-access journal publishing service provider run by SCIE Publishing Limited, dedicated to supporting and inspiring scientists or institutions/societies who aspire to publish high-quality journals." /> <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"> <meta name="title" content="Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns"> <link rel="image_src" href="https://www.sciepublish.com/uploads/2024/05/28/17168749694ev3.jpg"> <meta name="dc.title" content="Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns"> <meta name="dc.creator" content="Zhongmin Zhang"> <meta name="dc.type" content="Editorial"> <meta name="dc.source" content="Ecological Civilization 2024, Vol. 1, Page 10003"> <meta name="dc.date" content="2023-07-28"> <meta name="dc.identifier" content="10.35534/ecolciviliz.2023.10003"> <meta name="dc.publisher" content="SCIEPublish"> <meta name="dc.rights" content="http://creativecommons.org/licenses/by/4.0/"> <meta name="dc.format" content="application/pdf"> <meta name="dc.language" content="en"> <meta name="dc.description" content=""> <meta name="prism.issn" content="2957-4455"> <meta name="prism.publicationName" content="Ecological Civilization"> <meta name="prism.publicationDate" content="2023-07-28"> <meta name="prism.volume" content="1"> <meta name="prism.number" content="1"> <meta name="prism.section" content="Editorial"> <meta name="prism.startingPage" content="10003"> <meta name="citation_issn" content="2957-4455"> <meta name="citation_journal_title" content="Ecological Civilization"> <meta name="citation_publisher" content="SCIEPublish"> <meta name="citation_title" content="Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns"> <meta name="citation_publication_date" content="2023/07"> <meta name="citation_online_date" content="2023/07/28"> <meta name="citation_volume" content="1"> <meta name="citation_issue" content="1"> <meta name="citation_firstpage" content="10003"> <meta name="citation_author" content="Zhang, Zhongmin "> <meta name="citation_doi" content="10.35534/ecolciviliz.2023.10003"> <meta name="citation_abstract_html_url" content="https://www.sciepublish.com/article/pii/57"> <meta name="citation_pdf_url" content="https://www.sciepublish.com/index/article/view_full_text/id/57"> <link rel="alternate" type="application/pdf" title="PDF Full-Text" href="https://www.sciepublish.com/index/article/view_full_text/id/57"> <meta name="fulltext_pdf" content="https://www.sciepublish.com/index/article/view_full_text/id/57"> <link rel="alternate" type="text/html" title="HTML Full-Text" href="https://www.sciepublish.com/article/pii/57"> <meta name="citation_fulltext_html_url" content="https://www.sciepublish.com/article/pii/57"> <meta name="fulltext_html" content="https://www.sciepublish.com/article/pii/57"> <meta property="og:site_name" content="SCIEPUBLISH" /> <meta property="og:type" content="Editorial" /> <meta property="og:url" content="https://www.sciepublish.com/article/pii/57" /> <meta property="og:title" content="Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns" /> <meta property="og:description" content="" /> <meta property="og:image" content="https://www.sciepublish.com/uploads/2024/05/28/17168749694ev3.jpg" /> <meta property="og:image:secure_url" content="https://www.sciepublish.com/uploads/2024/05/28/17168749694ev3.jpg" /> <meta name="twitter:site" content="@sciepublish"> <meta name="twitter:image" content="https://www.sciepublish.com/uploads/2024/05/28/17168749694ev3.jpg" /> <meta name="twitter:card" content="summary_large_image"> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <link rel="stylesheet" href="/static/css/bootstrap.css" /> <link rel="stylesheet" href="/static/font/bootstrap-icons.css"> <link rel="stylesheet" href="/static/css/lightbox.css" /> <link rel="stylesheet" href="/static/css/theme.css?74" /> <link rel="stylesheet" href="/static/css/common.css?90" /> <link rel="stylesheet" href="/static/css/ckeditorStyle.css?2" /> <link rel="stylesheet" href="/static/css/select-mania.min.css" /> <script src="/static/js/jquery-3.7.1.min.js"></script> <script src="/static/js/lightbox.js"></script> <script src="/static/js/bootstrap.bundle.min.js"></script> <script src="/static/js/select-mania.js"></script> <link rel="stylesheet" href="/static/katex/katex.min.css"> <script src="/static/katex/katex.min.js"></script> <script src="/static/katex/contrib/auto-render.min.js"></script> <style> .katex{ font-size: 1.5rem!important; } .tooltip-inner{ /* min-width: 40rem; */ width: auto; max-width: 40rem; padding: 1rem; text-align: left; } .tooltip-inner .html-fig_img, .tooltip-inner .html-figpopup-table { padding: 1.5rem 1.5rem 1rem; background-color: #FFFeFa; border: 1px solid #e9ded8; border-radius: 5px; margin: 1.5rem 0 2rem; } .tooltip-inner .html-figpopup-table{margin-top:1rem;} .tooltip-inner .html-fig_img img, .tooltip-inner .html-figpopup-table img{ width: 100%; } .centered-div { max-width: 60%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; background-color: rgba(255, 255, 255, 1); padding: 20px; border: 1px solid #ccc; box-shadow: 0 2px 5px rgba(0,0,0,0.2); } .topic-collection a{ display: block; font-size: .85rem; line-height: 1.5; } topic-collection h6.article-menu-collapse{ font-weight: 700; } .popover-content { width: 500px; } .popover { max-width:95%; } </style> </head> <body class="header-no-fixed"> <header> <nav class="navbar navbar-expand-lg navbar-light my-body-container"> <div class="navbar-left"> <a href="/" class="uk-navbar-item" alt="Back to the homepage"> <svg xmlns="http://www.w3.org/2000/svg" class="navbar-logo" xml:space="preserve" version="1.0" viewBox="0 0 5.08 1.933"> <path d="M1.021 1.245a.29.29 0 0 1-.211-.054l-.027-.023-.003-.003.056-.066.003.004a.3.3 0 0 0 .043.033.2.2 0 0 0 .128.027l.024-.007.019-.01a.07.07 0 0 0 .022-.032.1.1 0 0 0 0-.036l-.004-.014a.1.1 0 0 0-.016-.02.1.1 0 0 0-.027-.017L.994 1.01.919.98a.3.3 0 0 1-.076-.05.14.14 0 0 1-.034-.067.2.2 0 0 1 0-.06.13.13 0 0 1 .027-.056.2.2 0 0 1 .049-.041A.2.2 0 0 1 .95.683a.3.3 0 0 1 .07-.001.2.2 0 0 1 .06.017.3.3 0 0 1 .075.05l.003.003-.05.061L1.103.81a.2.2 0 0 0-.053-.034.2.2 0 0 0-.063-.013.1.1 0 0 0-.046.008L.925.78a.06.06 0 0 0-.023.047l.001.015.006.012a.1.1 0 0 0 .018.02.1.1 0 0 0 .027.017L.97.899l.016.006.074.032a.3.3 0 0 1 .058.033.14.14 0 0 1 .051.08.2.2 0 0 1 0 .07.15.15 0 0 1-.048.081.2.2 0 0 1-.062.035zm.527-.002a.24.24 0 0 1-.1 0 .23.23 0 0 1-.125-.069.2.2 0 0 1-.051-.089.3.3 0 0 1-.019-.119.4.4 0 0 1 .02-.12.3.3 0 0 1 .052-.09.23.23 0 0 1 .176-.076.3.3 0 0 1 .064.01.3.3 0 0 1 .053.025.2.2 0 0 1 .04.034l.002.003-.052.061L1.605.81A.2.2 0 0 0 1.56.776a.2.2 0 0 0-.037-.012.15.15 0 0 0-.082.013.13.13 0 0 0-.049.039l-.018.029a.2.2 0 0 0-.022.073.4.4 0 0 0 .002.104.2.2 0 0 0 .014.05.2.2 0 0 0 .023.04.14.14 0 0 0 .066.047.15.15 0 0 0 .107-.009l.028-.017.025-.023.003-.004.051.06-.002.003a.3.3 0 0 1-.076.059.2.2 0 0 1-.045.015m.314-.004h-.09V.69h.095v.549zm.485 0h-.331V.69h.328v.08H2.11v.141h.198v.082H2.11v.165h.242v.08zm.215 0h-.09V.69h.169a.4.4 0 0 1 .083.008L2.76.71l.031.016a.13.13 0 0 1 .044.053q.009.015.012.036a.22.22 0 0 1-.012.121l-.018.03a.176.176 0 0 1-.09.057.3.3 0 0 1-.084.011h-.076v.205zm.005-.472v.19h.068a.2.2 0 0 0 .056-.006.1.1 0 0 0 .038-.018.1.1 0 0 0 .022-.031.1.1 0 0 0 .007-.045l-.003-.03a.07.07 0 0 0-.028-.04L2.703.776 2.671.769 2.633.767zm.539.48a.2.2 0 0 1-.067-.003.1.1 0 0 1-.075-.07.3.3 0 0 1-.013-.09V.827h.093v.248a.3.3 0 0 0 .007.055l.008.017.012.012.016.007.02.002a.1.1 0 0 0 .033-.006.1.1 0 0 0 .03-.019.2.2 0 0 0 .03-.032V.826h.093v.413h-.078l-.006-.057a.2.2 0 0 1-.078.057zm.548-.002-.034.003-.03-.003-.029-.01A.2.2 0 0 1 3.51 1.2l-.007.039h-.075V.645h.093q0 .11-.002.219l.01-.008A.2.2 0 0 1 3.59.823a.2.2 0 0 1 .043-.007.2.2 0 0 1 .07.015.15.15 0 0 1 .07.074.2.2 0 0 1 .022.076.4.4 0 0 1 0 .095.3.3 0 0 1-.029.082.2.2 0 0 1-.079.075zm-.07-.077a.1.1 0 0 0 .046-.002.1.1 0 0 0 .043-.032l.015-.028a.2.2 0 0 0 .01-.036.3.3 0 0 0-.006-.114A.1.1 0 0 0 3.68.93.07.07 0 0 0 3.64.9.1.1 0 0 0 3.59.899l-.023.008-.023.015-.023.02v.193a.2.2 0 0 0 .043.027zm.424.08h-.015a.1.1 0 0 1-.051-.013l-.017-.016-.011-.022-.007-.026-.002-.031V.645h.093v.5L4 1.16l.003.004.003.003.008.002h.008l.005-.001h.004l.013.071-.004.002-.009.002zm.22-.01H4.14V.827h.093v.413zm-.026-.48L4.187.76q-.009 0-.016-.002L4.157.753a.05.05 0 0 1-.02-.02.1.1 0 0 1-.008-.027L4.13.69a.05.05 0 0 1 .027-.032L4.17.653a.07.07 0 0 1 .045.005.05.05 0 0 1 .03.048.1.1 0 0 1-.009.028.1.1 0 0 1-.02.019zm.315.488a.25.25 0 0 1-.19-.054l-.004-.003.045-.062.004.003a.3.3 0 0 0 .053.034.13.13 0 0 0 .058.012l.022-.002.016-.005.013-.008.009-.01a.05.05 0 0 0 .007-.025q0-.006-.002-.012l-.005-.01-.008-.009-.011-.008-.028-.014-.016-.006-.017-.007a.4.4 0 0 1-.079-.041.1.1 0 0 1-.028-.034L4.348.964 4.345.939a.12.12 0 0 1 .023-.07.1.1 0 0 1 .038-.033A.2.2 0 0 1 4.46.82a.2.2 0 0 1 .13.022l.037.024.003.003-.045.059-.003-.003A.2.2 0 0 0 4.54.9a.1.1 0 0 0-.065-.008.1.1 0 0 0-.027.012l-.007.01a.04.04 0 0 0-.007.022q0 .006.002.01l.005.01a.1.1 0 0 0 .017.015l.027.013.016.006.016.006.063.028.019.013a.1.1 0 0 1 .029.035l.008.023a.13.13 0 0 1-.008.077.1.1 0 0 1-.03.04.14.14 0 0 1-.05.027zm.307-.007h-.088V.645h.092q0 .115-.002.229a.3.3 0 0 1 .05-.038.2.2 0 0 1 .048-.017.2.2 0 0 1 .068.002.1.1 0 0 1 .057.038q.01.014.018.033A.314.314 0 0 1 5.08.98v.258h-.093V.99L4.985.96 4.98.936 4.97.92 4.96.907 4.943.9a.1.1 0 0 0-.037 0 .1.1 0 0 0-.03.011l-.016.01-.032.03v.288z" /> <path d="M1.844 1.377a.97.97 0 0 1-.878.563A.963.963 0 0 1 0 .974.964.964 0 0 1 .966.007a.96.96 0 0 1 .865.536l-.048.024A.92.92 0 0 0 .966.062a.91.91 0 0 0-.912.912.91.91 0 0 0 .912.912.91.91 0 0 0 .83-.532z" class="logo-circle" /> </svg> </a> </div> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <div class="btn-menu"> <span></span> <span></span> <span></span> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <div class="nav-form-search"> <form class="form-search" method="get" action="/index/search/index.html"> <input class="search-input" type="text" name="search" placeholder="What are you looking for?" autofocus /> <button type="submit">Search</button> </form> </div> <ul class="navbar-nav uk-navbar-nav"> <li class="nav-item "> <a class="nav-link" href="/">Home</a> </li> <li class="nav-item "> <a class="nav-link" href="/About_SCIEPublish">About</a> </li> <li class="nav-item uk-active"> <a class="nav-link" href="/index/journals/index">Journals</a> </li> <li class="nav-item "> <a class="nav-link" href="/news/list">News</a> </li> </ul> <a class="js-navbar-toggle sc-icon-button sc-transition" title="Search" href="#"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/> </svg> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"> <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"/> </svg> </a> <a class="uk-button sc-transition" href="/my/submitting">Publish with us</a> <a class="text-login" title="Sign in" href="/index/user/login.html"> Sign in </a> </div> </nav> </header> <section class="breadcrumbs pt-3"> <div class="my-body-container"> <nav aria-label="breadcrumb"> <ol class="breadcrumb p-0 mb-0"> <li class="breadcrumb-item" title="Home"> <a href="/">Home</a> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right ml-1 mr-1" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg> </li> <li class="breadcrumb-item" title="Journals"> <a href="/index/journals/index">Journals</a> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right ml-1 mr-1" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg> </li> <li class="breadcrumb-item" title="ecolciviliz"> <a href="/journals/ecolciviliz">ecolciviliz</a> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right ml-1 mr-1" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg> </li> <li class="breadcrumb-item" title="Volume 1"> <a href="/journals/ecolciviliz/roll/1">Volume 1</a> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right ml-1 mr-1" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg> </li> <li class="breadcrumb-item" title="Issue 1"> <a href="/journals/ecolciviliz/roll/1/1">Issue 1</a> <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-right ml-1 mr-1" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/> </svg> </li> <li class="breadcrumb-item active" aria-current="page" title='10.35534/ecolciviliz.2023.10003'>10.35534/ecolciviliz.2023.10003</li> </ol> </nav> </div> </section> <section class="fixed-title"> <div class="my-body-container d-flex align-items-center border-bottom border-dark pt-2 pb-2"> <div class="item-img"> <a class="d-flex align-items-center" href="/journals/ecolciviliz"> <div class="cover-img"> <img src="/uploads/2024/05/28/17168749694ev3.jpg" alt="Ecological Civilization-logo" /> </div> <h6 class="flex-grow-1 pl-2" title="Ecological Civilization">Ecological Civilization</h6> </a> </div> <h2 class="journals-text" title="<em>Ecological Civilization</em>: A New Open Access Journal for Research on Eco-Civilization Concerns"><em>Ecological Civilization</em>: A New Open Access Journal for Research on Eco-Civilization Concerns</h2> </div> </section> <section class="page-items mt-3"> <div class="d-flex my-body-container border-dark border-top pt-4 collapse show" id="rightCollapse"> <div class="left-items-260 mr-3"> <div class="left-content d-flex"> <div class="left-content-item"> <div class="item-img"> <a class="d-flex align-items-center" href="/journals/ecolciviliz"> <div class="cover-img"> <img src="/uploads/2024/05/28/17168749694ev3.jpg" alt="Ecological Civilization-logo" /> </div> <h6 class="flex-grow-1 pl-2">Ecological Civilization</h6> </a> </div> <div class="btn-bottom"> <a class="sc-btn-submit d-flex align-items-center justify-content-center mt-3" href="/my/submitting/journal/26"> Submit to Ecol. Civiliz. <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="currentColor" class="bi bi-chevron-double-right ml-1" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"></path> <path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"></path> </svg> </a> <a class="sc-cite-modal sc-btn-submit d-flex align-items-center justify-content-center mt-2" href="/index/article/download_article/id/57.html"> <span>Download PDF</span> </a>  <div class="sc-cite-modal sc-btn-submit d-flex align-items-center justify-content-center border-0 mt-2" data-toggle="modal" data-target="#citeModal"> Cite This Article </div> </div>  <div class="article-menu-collapse d-flex justify-content-between mt-2"> <h6 class="mb-0 d-flex align-items-center">Contents</h6> <div class="btn-collapse pt-2 pb-2 pl-2" data-toggle="collapse" data-target="#articleMenuCollapse" aria-expanded="true" aria-controls="articleMenuCollapse"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/> </svg> </div> </div> <div class="articleMenuCollapse-column p-0" id="articleMenuCollapse"> <div class="menu pt-2"> <div class="list-group" id="article-menu-float"> </div> </div> </div> </div> <span class="btn-out" data-toggle="collapse" data-target="#rightCollapse" aria-expanded="true" aria-controls="rightCollapse"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="currentColor" class="bi bi-chevron-bar-left" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M11.854 3.646a.5.5 0 0 1 0 .708L8.207 8l3.647 3.646a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708l4-4a.5.5 0 0 1 .708 0zM4.5 1a.5.5 0 0 0-.5.5v13a.5.5 0 0 0 1 0v-13a.5.5 0 0 0-.5-.5z"/> </svg> </span> </div> </div> <div class="blog-detailss-wrap flex-grow-1"> <div class="details__content pb-30"> <div class="articlelei access-tags d-flex justify-content-between"> <p class="mb-0 d-flex align-items-center"> <span class="btn-text classdise mr-1">Editorial</span> <span class="btn-text textdise">Open Access</span> </p> <div class="share-buttons social-share d-flex align-items-center mb-2" data-initialized="true"> Share This Article： <a href="" class="share-btn social-share-icon twitter-btn icon-twitter d-flex align-items-center justify-content-center" title="Share on Twitter"> <svg t="1713929395475" class="icon" viewBox="0 0 1399 1024" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8742" width="20" height="20"> <path d="M282.021569 119.281213l323.998199 433.216256-326.044203 352.222995h73.379441l285.451142-308.376452 230.636674 308.376452h249.713149l-342.227762-457.583832 303.479459-327.855419h-73.379441l-262.886398 284.008876-212.407111-284.008876h-249.713149z m107.909957 54.051408h114.71879l506.578928 677.328049h-114.718791l-506.578927-677.328049z" p-id="8743"></path> </svg> </a> <a href="" class="share-btn social-share-icon facebook-btn icon-facebook d-flex align-items-center justify-content-center" title="Share on Facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16"> <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/> </svg> </a> <a href="mailto:?subject=Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns&body=https%3A%2F%2Fwww.sciepublish.com%2Farticle%2Fpii%2F57" class="share-btn social-share-icon email-btn icon-email d-flex align-items-center justify-content-center" id="email-share-btn" title="Share on Email"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16"> <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/> </svg> </a> <a href="" class="share-btn social-share-icon LinkedIn-btn icon-linkedin d-flex align-items-center justify-content-center" id="email-LinkedIn-btn" title="Share on LinkedIn"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16"> <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/> </svg> </a> <a href="" class="share-btn social-share-icon wechat-btn icon-wechat d-flex align-items-center justify-content-center" id="wechat-share-btn" title="Share on WeChat"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-wechat" viewBox="0 0 16 16"> <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z"/> <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z"/> </svg> </a> </div> </div> <h1 class="mb-2 acquiesce-title"><em>Ecological Civilization</em>: A New Open Access Journal for Research on Eco-Civilization Concerns</h1> <div class="affiliation mb-1"> <div class="affiliation_author"> <span class="mr-2"> <a href="https://scholar.google.com/scholar?q=Zhongmin Zhang" target="_blank">Zhongmin Zhang</a> <sup>1,2,*</sup> <a href="mailto:zhangzhongmin@zuel.edu.cn"> <sup><i class="bi bi-envelope-fill"></i></sup> </a> </span> </div> </div> <div class="d-flex mb-1"> <div class="information-collapse mr-4"> Author Information </div>  </div> <div class="articledz"> <div class="affiliation_zt"> <div class="information-item affiliation_at collapse pl-2 pr-2 pb-2"> <div class="affiliation d-flex"> <div class="affiliation_sup mr-2"><sup>1</sup></div> <div class="affiliation_name flex-grow-1"> Institute of Ecological Civilization, Zhongnan University of Economics and Law, Wuhan 430074, China </div> </div> <div class="affiliation d-flex"> <div class="affiliation_sup mr-2"><sup>2</sup></div> <div class="affiliation_name flex-grow-1"> Law School, Zhongnan University of Economics and Law, Wuhan 430074, China </div> </div> <div class="affiliation d-flex"> <div class="affiliation_sup mr-2"><sup>*</sup></div> <div class="affiliation_name flex-grow-1"> Authors to whom correspondence should be addressed. </div> </div> </div> </div> <div class="d-flex align-items-center"> <div class="mr-2 d-flex align-items-center"><span>Views:</span><b class="ml-2">2341</b></div> <div class="mr-2 d-flex align-items-center"><span>Downloads:</span><b class="ml-2">319</b></div> <a tabindex="0" class="mr-2 align-items-center cursor-pointer" style="display: none;" data-bind="popover1" data-container="body" data-toggle="popover" data-trigger="focus" data-placement="bottom"> <span>Citations:</span> <b class="ml-2">0</b> </a> </div> <div class="information-item pb-3"> <div class="articledoi"> <em>Ecological Civilization</em> <b>2024</b>, <em>1</em> (1), 10003;  <a href="https://doi.org/10.35534/ecolciviliz.2023.10003" target="_blank">https://doi.org/10.35534/ecolciviliz.2023.10003</a> </div> <p class="d-flex fal-title mb-0"> <i class="fal fa-calendar-alt"></i> <span class="mr-3">Received: 28 July 2023</span> <span class="mr-3">Accepted: 28 July 2023</span> <span class="mr-3">Published: 28 July 2023</span> </p> </div> <div class="articleneir pull-item d-flex"> <a href="http://creativecommons.org/licenses/by/4.0/" itemprop="license" rel="license" data-license="by" class="pull-left pt-1"> <img src="/style/image/iconby.png" alt="Creative Commons"> </a> <p class="flex-grow-1 ml-2"> © 2023 The authors. This is an open access article under the Creative Commons Attribution 4.0 International License (<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank">https://creativecommons.org/licenses/by/4.0/</a>). </p> </div> <div class="meta-info text-break border-top border-dark pt-3 mt-3"> <div class="article-item pt-4"> <div class="link-introduction article-item-text pt-2">Ecological civilization, put forward after the contemporary global ecological crisis, witnesses a new stage and vision of human civilization following primitive civilization, agricultural civilization, and industrial civilization. As an emerging value, the core ideology of ecological civilization integrates nature as a whole with life and interworth, projected to come true the sustainable development and intergrowth with new relationships between humanity and nature, humanity and humanity, and humanity and society to the extent permitted by nature. Globally, different regions and countries share various cognition and construction of ecological civilization due to differences in natural resources, ethnic habits and ideologies. From an academic perspective, ecological civilization is the most inclusive and intersectional discipline to concentrate on the interaction between humanity and nature, enriching environmental philosophy, environmental ethics, environmental law, ecological economics, environmental management, environmental science and ecology. The multi-dimensional study differs from neither the thinking “put people first” of humanities and social sciences, nor the idea of “take nature as the sole” of natural sciences. As an indispensable participant, contributor and leader establishing a global ecological civilization, China has always emphasized on the importance of reaching global consensus and advocating the sharing of experience on ecological civilization. The Institute of Ecological Civilization, Zhongnan University of Economics and Law, as a Chinese research institution, hopes to utilize the international open-access journal <em>Ecological Civilization</em> to tell their own ecological civiliza-tion stories by more scholars from all over the world and to share how they construct their own ecological civilization academic system and discourse system. It is because the cross-integration advocated by ecological civilization does not simply involve mechanical integration of several disciplines, but arises from the intrinsic demand for the development of scientific research. The demand derives from the unscientific divisions of disciplines which conceals the fact that all the disciplines are interacting. Therefore, we hope to build a discourse platform based on ecological civilization to bridge extensive and in-depth discussions among relevant disciplines, especially environmental philosophy, environmental economics, environmental law and environmental management. High-level original research articles and timely reviews on the latest research results of global environmental issues including climate change, pollution control, ecological conservation, climate change and energy low-carbon development, are especially welcomed. In particular, we embrace the deep crossover and innovation of relevant disciplines to form an extraordinary ecological civilization methodology. We expect that the self-realization of this methodology will trigger a new disciplinary revolution unlocking a future that shields science from becoming unchal-lenged dogma so that all researchers can exert themselves. Based on the major theoretical and practical problems blocking the global ecological civilization, we believe that this journal will actively promote the cross-integration of multiple disciplines, realize the innovation and development of interdisciplinary methodology. Let’s move together strengthen exchanges and dialogues among countries all over the world, seek fairness and justice in global environmental governance, strive to resolve the global ecological crisis and be the brains to promote the common development for all mankind. Areas of particular interest include, but are not limited to: • Thought and Theoretical Explanation of Ecological Civilization • Ecological Perspective: A Country Comparative Approach • Global Environmental Governance Objectives and Country Studies • Innovation and Development of Ecological Environment Governance • Methodology of Interdisciplinary Ecological Civilization • Hot Issues of Ecological Environment • Energy and Low-carbon Development • Exploration and Contention </div> <div class="link-materials-and-methods article-item-text"></div> <div class="link-theory-calculation article-item-text"></div> <div class="link-results article-item-text"></div> <div class="link-discussion article-item-text"></div> <div class="link-conclusions article-item-text"></div> <div class="link-supplementary-materials article-item-text"></div> <div class="link-appendix article-item-text"></div> <div class="link-appendix-b article-item-text"></div> <div class="link-acknowledgments article-item-text"></div> <div class="link-author-contributions article-item-text"></div> <div class="link-ethics-statement article-item-text"></div> <div class="link-informed-consent-statement article-item-text"></div> <div class="link-funding article-item-text"></div> <div class="link-declaration-competing-interest article-item-text"></div> </div> </div> </div> </div> </div> </div> </section> <div class="modal fade cite-modal" id="citeModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content border-0"> <div class="modal-body pt-5 pl-5 pr-5 pb-4"> <h3 class="pb-2 border-bottom border-dark">Cite This Article</h3> <h6 class="mt-4 d-flex justify-content-between"> SCIEPublish Style </h6> <p class="modal-text2 text-justify">Zhang Z. Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns. <i>Ecological Civilization</i> <b>2024</b>, <i>1</i>, 10003. https://doi.org/10.35534/ecolciviliz.2023.10003</p> <h6 class="mt-3 d-flex justify-content-between text-justify"> AMA Style </h6> <p class="modal-text2 text-justify">Zhang Z. Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns. <i>Ecological Civilization</i>. 2024; 1(1):10003. https://doi.org/10.35534/ecolciviliz.2023.10003</p> </div> <button type="button" class="btn btn-close" data-dismiss="modal"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"> <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"></path> </svg> </button> </div> </div> </div> <div class="modal modal-amplification-img" id="imgModal" tabindex="-1" aria-labelledby="imgModal" aria-hidden="true"> <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable modal-dialog-img"> <div class="modal-content"> <button type="button" class="btn btn-close" data-dismiss="modal"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-x-lg" viewBox="0 0 16 16"> <path d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8 2.146 2.854Z"></path> </svg> </button> <div class="modal-body"> </div> </div> </div> </div> <link rel="stylesheet" href="/static/css/share.min.css?3" /> <script src="/static/js/social-share.min.js"></script> <script> var $config = { image:"https://www.sciepublish.com/uploads/2024/05/28/17168749694ev3.jpg", origin:'', wechatQrcodeTitle: "WeChat Share", // WeChat QR code prompt text wechatQrcodeHelper: '<p>Scan QR code</p> <p>This article can be shared to your WeChat.</p>', }; socialShare('.social-share', $config); </script> <script> document.addEventListener("DOMContentLoaded", function() { /**/ var stopScroll = $(document).scrollTop(), column = $('.left-content'), fixedTitle = $('.fixed-title'), acquiesceTitle = $('.acquiesce-title'), acquiesceTitleTop = acquiesceTitle.offset().top; $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); if(scrollTop > acquiesceTitleTop){ column.addClass('fixed'); fixedTitle.addClass('fixed'); }else{ column.removeClass('fixed'); fixedTitle.removeClass('fixed'); } }) if (stopScroll > acquiesceTitleTop ){ column.addClass('fixed'); fixedTitle.addClass('fixed'); } //Anchor navigation $('body').scrollspy({ target: '#article-menu-float' }) //tab switch $('.information-collapse').each(function(){ $(this).click(function(){ $(this).toggleClass('active').siblings().removeClass('active'); $(".information-item").eq($(this).index()).slideToggle().siblings().slideUp(); }) }) function markdownReplace(text) { // Replace the oblique body, bold it to HTML // /article/pii/21 text = text.replace(/</g, '<'); //article/pii/166 text = text.replace(/>/g, '>'); // text = text.replace(/\*\*(.+?)\*\*/g, "<b>$1</b>"); text = text.replace(/\*(.+?)\*/g, "<i>$1</i>"); // article/pii/18 text = text.replace(/&/g, '&');//* /article/pii/181#Figure5 中的* // text = text.replace(/\\\$/g, '$'); //article/pii/19 return text; } // Treatment of non -serial list function replaceConsecutiveBulletsWithList(text) { // Regular expression matching continuously with • starting line const regex = /^(?:•\s.*\n?)+/gm; // Replace the matching line, convert it to <ul> and <li> elements return text.replace(regex, (match) => { // Remove the • and the subsequent blank characters at the beginning of each line, and convert it to <li> element const listItems = match.split('\n').map(line => { return line.replace(/^•\s/, '').trim() ? `<li>${line.replace(/^•\s/, '').trim()}</li>` : ''; }).join(''); // If there is a list item, the package is wrapped in the <ul> label return `<ul>${listItems}</ul>`; }); } // Pre -predetermined formula rendering global indexes window.formula = {}; // Treatment to find a third -level and four -level title, sort out the P label that is not available in the text document.querySelectorAll('.article-item-text').forEach(element => { element.innerHTML = replaceConsecutiveBulletsWithList(element.innerHTML); // Forwards <em> 3.1. Serine Integrase-Mediated DNA Assembly Between Two Plasmids </em> element.innerHTML = element.innerHTML.replace(/(<h[1-6].+?>)/gi, '\r\n$1'); //TODO There is a change in the middle of the H tag to cause problems element.innerHTML = element.innerHTML.replace(/(<\/h[1-6]\s*>)/gi, '$1\r\n'); element.innerHTML = element.innerHTML.replace(/<(em|i)>(\d+\.\d+\..+?)<\/(em|i)>/gi, '\r\n<h4 class="value4">$2</h4>\r\n'); // Processing replacement of level 4 title element.innerHTML = element.innerHTML.replace(/>\s*(\d+\.\d+\.\d+\.\s*.*?)(?=\s*\n|$)/g, '>\r\n<h5 class="value5">$1</h5>\r\n'); element.innerHTML = element.innerHTML.replace(/^\s*(\d+\.\d+\.\d+\.\s*.*?)(?=\s*\n|$)/gm, '\r\n<h5 class="value5">$1</h5>\r\n'); // Processing replacement three -level title element.innerHTML = element.innerHTML.replace(/\*+(\d+\.\d+\..+?)\*+\s+/g, '\r\n<h4 class="value4">$1</h4>\r\n'); // Treatment P tag element.innerHTML = element.innerHTML.replace(/<p.+?>(.+?)<\/p>/gi, '\r\n$1\r\n'); let lastP = document.createElement('p'); Array.from(element.childNodes).forEach(node=> { if (node.childElementCount == 0 && node.textContent.trim().length == 0){ // Delete the empty node element.removeChild(node); } // Handle the title if (/H[1-6]/i.test(node.nodeName)){ if (lastP.childElementCount > 0 || lastP.textContent.trim().length > 0){ // Lastp is not an empty node. element.appendChild(lastP); lastP = document.createElement('p'); } element.appendChild(node); return; } // Check the HTML-Disp-Formula-Info node if (node.classList && node.classList.contains('html-disp-formula-info')){ if (lastP.childElementCount > 0 || lastP.textContent.trim().length > 0){ element.appendChild(lastP); lastP = document.createElement('p'); } element.appendChild(node); // Treatment of the text formula in the chapter renderMathInElement(node, { delimiters: [ {left: '```latex', right: '```', display: true}, ], throwOnError : false }); const label = node.querySelector('.formula > label'); if (label === null){ return; } var numMatch = label.textContent.match(/\d+/g) if (!numMatch){ return; } const html_pics = node.querySelector('.html_pics') if (html_pics){ formula["Equation"+numMatch[0]]=html_pics.innerHTML; } return; } // Treatment textbooks if (node.nodeType === 3) { var lines = node.nodeValue.split(/\r?\n/); if (lines.length == 1){ // No change, it may be the content of the previous P tag if (node.nodeValue.trim().length > 0){ lastP.appendChild(node); } return; } lines.forEach((line, index)=> { if (index >0){ // Other changes may be the new P tag, the old P label is moved in if (lastP.childElementCount > 0 || lastP.textContent.trim().length > 0){ element.appendChild(lastP); lastP = document.createElement('p'); } } if (line.trim().length > 0){ lastP.appendChild(document.createTextNode(line)); } }); element.removeChild(node); return; } if (node.classList.contains('html-fig-wrap')){ if (lastP.childElementCount > 0 || lastP.textContent.trim().length > 0){ element.appendChild(lastP); lastP = document.createElement('p'); } } //Other situations are the content of the previous P tag lastP.appendChild(node); }); if (lastP.childElementCount > 0 || lastP.textContent.trim().length > 0){ element.appendChild(lastP); } if (element.childElementCount == 0 && element.textContent.trim().length == 0){ // Delete the empty node element.parentNode.removeChild(element); } function capitalizeFirstLetter(str) { return str.charAt(0).toUpperCase() + str.slice(1); } // Find the picture form formula without setting the A tag, and give a tag element.innerHTML = element.innerHTML.replace(/(?<!<a.+?>\s*|[a-zA-Z])(Figure|Table|Scheme|Equation)\s+($([A-Z]?\d+)$|([A-Z]?\d+))(?<!\s*<\/a>)/gi, function(match, $2,$3) { match = capitalizeFirstLetter(match); return '<a href="#'+ capitalizeFirstLetter($2) + $3.replace(/$|$/g,'') +'">'+ match +'</a>'; }); // Remove Markdown element.innerHTML = markdownReplace(element.innerHTML); // Find a super -text link without setting A tags, give a tagnk without setting A tags, give a tagnk without setting A tags, give a tag element.innerHTML = element.innerHTML.replace(/(?<!<a.+?>\s*)https?:\/\/[^\s\/]+(\/[^\s<.]*)*(?<!\s*<\/a>)/gi, function(match) { return '<a href="'+ match.replace(/[.,，。;\s]+$/, '') +'" target="_blank">'+ match +'</a>'; } ); // Add a box to the formula quotation element.querySelectorAll('a[href^="#Equation"]').forEach(auchor=>{ const id= auchor.getAttribute('href').slice(1); if (formula[id]){ $(auchor).tooltip({ html: true , delay: { "show": 200, "hide": 200 },title:$('<div class="formulaTip">').html(formula[id])}); } }); // Handling in -line formula renderMathInElement(element, { delimiters: [ {left: '$$', right: '$$', display: false}, ], throwOnError : false }); }); document.querySelectorAll("div.articleneir.abstract").forEach(element => { renderMathInElement(element, { delimiters: [ {left: '$$', right: '$$', display: false}, ], throwOnError : false }); }); // Processing reference document.querySelectorAll(".html-bibr").forEach(link => { link.removeAttribute('title'); const target = document.querySelector(link.getAttribute('href')+'.references > .references_name'); if (target){ $(link).tooltip({ html: true , delay: { "show": 200, "hide": 200 },title:target.innerHTML}); } }); document.querySelectorAll(".references").forEach(ref => { if (ref.id){ const a = document.createElement("a"); a.name=ref.id; a.classList.add("anchor-abs-66"); ref.removeAttribute("id"); ref.insertBefore(a, ref.firstChild); } }); // Treat the display area of the formula formula of the picture form, remove the A tag, set the anchor point document.querySelectorAll('.html-fig-wrap .html-fig_description,.html-fig-wrap .html-table_wrap_discription').forEach(element => { element.innerHTML = markdownReplace(element.innerHTML); const match = element.firstChild.textContent.match(/(Figure|Table|Scheme) [A-Z]?\d+/g); if (match){ element.firstChild.textContent = element.firstChild.textContent let id= match[0].replace(" ","") const target = document.createElement("a"); target.name=id; target.classList.add("anchor"); element.parentNode.insertBefore(target, element.parentNode.firstChild); document.querySelectorAll("a[href='#"+id+"']").forEach(auchor => { $(auchor).tooltip({ html: true , delay: { "show": 1000, "hide": 100 },title:$(element.parentNode).html()}); }); } }); // Processing keywords const keywordsContainer = document.querySelector('.keywords') if (keywordsContainer){ let title; while(child = keywordsContainer.firstChild){ // Take out the first non -empty element in Keywords if (child.textContent.trim().length>0){ title = child; title.appendChild(document.createTextNode(' ')); keywordsContainer.removeChild(child); break; } keywordsContainer.removeChild(child); } let listLinks = []; let link = document.createElement('a'); Array.from(keywordsContainer.childNodes).forEach(node=> { // Treatment text nodes if (node.nodeType === 3) { var ks = node.nodeValue.split(/(?<!&#(?:x[0-9a-fA-F]{1,5}|\d{1,6}))[;]|,/); if (ks.length == 1){ // There is no separatist, no new link is created if (link.lastChild && link.lastChild.nodeType === 3){ //Condented text nodes link.lastChild.nodeValue += ks[0]; }else{ link.appendChild(node); } return; }else{ ks.forEach((k, index)=> { if (index==0){ // In the first paragraph, do not create a new LINK, and the merger with the previous merger if (link.lastChild && link.lastChild.nodeType === 3){ //Condented text nodes link.lastChild.nodeValue += k; return; } }else{ // Means encounter; create a new link listLinks.push(link); link = document.createElement('a'); } link.appendChild(document.createTextNode(k.trim())); }); return; } }else{ link.appendChild(node); } }); if (link.innerText.trim().length>0){ listLinks.push(link); } keywordsContainer.innerHTML = ""; keywordsContainer.appendChild(title); listLinks.forEach((link, index, array)=> { link.href = "/index/search/index.html?search="+link.innerHTML.trim().replace(/ /g, '+');// TODO :Angle/lowering/small capitalization keywordsContainer.appendChild(link); if (index !== array.length - 1) { keywordsContainer.appendChild(document.createTextNode(', ')); } }); } // Treatment reference copy document.querySelectorAll('.cite-modal h6 ').forEach(h6 => { let a = document.createElement('a'); let h6Text = h6.textContent.trim(); h6.appendChild(a); a.href = "#"; a.textContent = "Copy"; a.onclick = function(e) { if (h6.nextElementSibling) { navigator.clipboard.writeText(h6.nextElementSibling.textContent.replace(/\r\n|\n|\r/g, '')).then(function() { $('#citeModal').modal('hide'); // showToast(h6Text + ' copied to clipboard!'); }, function() { showToast('Failed to copy '+h6Text+' to clipboard.'); }); } e.preventDefault(); }; }); //Picture amplification var $imgModal = $('#imgModal'), $imgModalBody = $imgModal.find('.modal-body'); $(".html-figpopup-link").each(function(){ var dataSrc = $(this).children('img').attr('data-large'); $(this).attr({ 'data-toggle': 'modal', 'data-target': '#imgModal' }) $(this).on('click', function () { $imgModalBody.append(`<img src="`+dataSrc+`" class="amplification-img">`); }) }); $imgModal.on('hidden.bs.modal', function (event) { $imgModalBody.children('img').remove(); }) //The picture is enlarged again $imgModal.on('shown.bs.modal', function (event) { $imgModalBody.children('img').on('click', function () { $(this).parent().parent().toggleClass('toggle-img'); }) }) // Process doi // Doi reference the magazine $.ajax({ type: 'GET', url: '/api/article/doi/id/57', dataType:"json", success: function(data){ var doiEL =""; $.each(data.doi_list, function(k, v) { doiEL += "<p>" + v.title + "." + " <em>" + v.source + "</em>" + " " + "<b>" + v.year + "</b>. " + "[" + "<a target='_blank' href='http://dx.doi.org/" + v.doi + "'>CrossRef</a>" + "]" +"</p>"; }) if (data.doi_count > 0) { $("[data-bind='popover1'] > b").text(data.doi_count); $("[data-bind='popover1']").addClass('d-flex'); $("[data-bind='popover1']").popover({ trigger: 'focus', html: true, delay: { "show": 100, "hide": 500 }, content: function(){ return doiEL; }, }); } }, timeout: 5000, error: function(jqXHR,textStatus){ } }) }) function showToast(message) { var toast = document.createElement('div'); toast.classList.add('toast', 'centered-div', 'show'); toast.setAttribute('role', 'alert'); toast.setAttribute('aria-live', 'assertive'); toast.setAttribute('aria-atomic', 'true'); var toastBody = document.createElement('div'); toastBody.classList.add('toast-body'); toastBody.textContent = message; toast.appendChild(toastBody); document.body.appendChild(toast); setTimeout(function () { toast.classList.remove('show'); toast.classList.add('hide'); setTimeout(function () { document.body.removeChild(toast); }, 500); }, 3000); } </script>  <footer class="mt-1"> <div class="my-body-container pt-4 pb-4"> <div class="fotter-top"> <div> <div class="item-text"> <h3>About</h3> <ul> <li> <a href="/About_SCIEPublish" title="About SClEPublish">About SClEPublish</a> </li> <li> <a href="/Management_Team" title="Management Team">Management Team</a> </li> <li> <a href="/Careers" title="Careers">Careers</a> </li> <li> <a href="/Contact" title="Contact">Contact</a> </li> </ul> </div> <div class="item-text"> <h3>Policies</h3> <ul> <li> <a href="/Peer_Review_Policy" title="Peer Review Policy">Peer Review Policy</a> </li> <li> <a href="/Open_Access_Policy" title="Open Access Policy">Open Access Policy</a> </li> <li> <a href="/Licensing_and_Copyright" title="Licensing and Copyright">Licensing and Copyright</a> </li> <li> <a href="/Editorial_Policy" title="Editorial Policy">Editorial Policy</a> </li> <li> <a href="/Advertising_Policy" title="Advertising Policy">Advertising Policy</a> </li> </ul> </div> <div class="item-text"> <h3>Information</h3> <ul> <li> <a href="/For_Authors" title="For Authors">For Authors</a> </li> <li> <a href="/For_Reviewers" title="For Reviewers">For Reviewers</a> </li> <li> <a href="/For_Editors" title="For Editors">For Editors</a> </li> </ul> </div> <div class="item-text item-text-membership"> <h3>A Member of</h3> <ul> <li class="membership-img1"> <a href="https://stm-assoc.org/" target="_blank" rel="nofollow"> <img src="/style/image/stm2024-logo.png"> </a> </li> <li class="membership-img2"> <a href="https://www.alpsp.org/" target="_blank" rel="nofollow" title=""> <img src="/style/image/alpsp-logo.png" alt=""> </a> </li>  </ul> </div> </div> <div class="item-text item-text-right"> <h3> <svg xmlns="http://www.w3.org/2000/svg" class="navbar-logo" xml:space="preserve" version="1.0" viewBox="0 0 5.08 1.933"> <path d="M1.021 1.245a.29.29 0 0 1-.211-.054l-.027-.023-.003-.003.056-.066.003.004a.3.3 0 0 0 .043.033.2.2 0 0 0 .128.027l.024-.007.019-.01a.07.07 0 0 0 .022-.032.1.1 0 0 0 0-.036l-.004-.014a.1.1 0 0 0-.016-.02.1.1 0 0 0-.027-.017L.994 1.01.919.98a.3.3 0 0 1-.076-.05.14.14 0 0 1-.034-.067.2.2 0 0 1 0-.06.13.13 0 0 1 .027-.056.2.2 0 0 1 .049-.041A.2.2 0 0 1 .95.683a.3.3 0 0 1 .07-.001.2.2 0 0 1 .06.017.3.3 0 0 1 .075.05l.003.003-.05.061L1.103.81a.2.2 0 0 0-.053-.034.2.2 0 0 0-.063-.013.1.1 0 0 0-.046.008L.925.78a.06.06 0 0 0-.023.047l.001.015.006.012a.1.1 0 0 0 .018.02.1.1 0 0 0 .027.017L.97.899l.016.006.074.032a.3.3 0 0 1 .058.033.14.14 0 0 1 .051.08.2.2 0 0 1 0 .07.15.15 0 0 1-.048.081.2.2 0 0 1-.062.035zm.527-.002a.24.24 0 0 1-.1 0 .23.23 0 0 1-.125-.069.2.2 0 0 1-.051-.089.3.3 0 0 1-.019-.119.4.4 0 0 1 .02-.12.3.3 0 0 1 .052-.09.23.23 0 0 1 .176-.076.3.3 0 0 1 .064.01.3.3 0 0 1 .053.025.2.2 0 0 1 .04.034l.002.003-.052.061L1.605.81A.2.2 0 0 0 1.56.776a.2.2 0 0 0-.037-.012.15.15 0 0 0-.082.013.13.13 0 0 0-.049.039l-.018.029a.2.2 0 0 0-.022.073.4.4 0 0 0 .002.104.2.2 0 0 0 .014.05.2.2 0 0 0 .023.04.14.14 0 0 0 .066.047.15.15 0 0 0 .107-.009l.028-.017.025-.023.003-.004.051.06-.002.003a.3.3 0 0 1-.076.059.2.2 0 0 1-.045.015m.314-.004h-.09V.69h.095v.549zm.485 0h-.331V.69h.328v.08H2.11v.141h.198v.082H2.11v.165h.242v.08zm.215 0h-.09V.69h.169a.4.4 0 0 1 .083.008L2.76.71l.031.016a.13.13 0 0 1 .044.053q.009.015.012.036a.22.22 0 0 1-.012.121l-.018.03a.176.176 0 0 1-.09.057.3.3 0 0 1-.084.011h-.076v.205zm.005-.472v.19h.068a.2.2 0 0 0 .056-.006.1.1 0 0 0 .038-.018.1.1 0 0 0 .022-.031.1.1 0 0 0 .007-.045l-.003-.03a.07.07 0 0 0-.028-.04L2.703.776 2.671.769 2.633.767zm.539.48a.2.2 0 0 1-.067-.003.1.1 0 0 1-.075-.07.3.3 0 0 1-.013-.09V.827h.093v.248a.3.3 0 0 0 .007.055l.008.017.012.012.016.007.02.002a.1.1 0 0 0 .033-.006.1.1 0 0 0 .03-.019.2.2 0 0 0 .03-.032V.826h.093v.413h-.078l-.006-.057a.2.2 0 0 1-.078.057zm.548-.002-.034.003-.03-.003-.029-.01A.2.2 0 0 1 3.51 1.2l-.007.039h-.075V.645h.093q0 .11-.002.219l.01-.008A.2.2 0 0 1 3.59.823a.2.2 0 0 1 .043-.007.2.2 0 0 1 .07.015.15.15 0 0 1 .07.074.2.2 0 0 1 .022.076.4.4 0 0 1 0 .095.3.3 0 0 1-.029.082.2.2 0 0 1-.079.075zm-.07-.077a.1.1 0 0 0 .046-.002.1.1 0 0 0 .043-.032l.015-.028a.2.2 0 0 0 .01-.036.3.3 0 0 0-.006-.114A.1.1 0 0 0 3.68.93.07.07 0 0 0 3.64.9.1.1 0 0 0 3.59.899l-.023.008-.023.015-.023.02v.193a.2.2 0 0 0 .043.027zm.424.08h-.015a.1.1 0 0 1-.051-.013l-.017-.016-.011-.022-.007-.026-.002-.031V.645h.093v.5L4 1.16l.003.004.003.003.008.002h.008l.005-.001h.004l.013.071-.004.002-.009.002zm.22-.01H4.14V.827h.093v.413zm-.026-.48L4.187.76q-.009 0-.016-.002L4.157.753a.05.05 0 0 1-.02-.02.1.1 0 0 1-.008-.027L4.13.69a.05.05 0 0 1 .027-.032L4.17.653a.07.07 0 0 1 .045.005.05.05 0 0 1 .03.048.1.1 0 0 1-.009.028.1.1 0 0 1-.02.019zm.315.488a.25.25 0 0 1-.19-.054l-.004-.003.045-.062.004.003a.3.3 0 0 0 .053.034.13.13 0 0 0 .058.012l.022-.002.016-.005.013-.008.009-.01a.05.05 0 0 0 .007-.025q0-.006-.002-.012l-.005-.01-.008-.009-.011-.008-.028-.014-.016-.006-.017-.007a.4.4 0 0 1-.079-.041.1.1 0 0 1-.028-.034L4.348.964 4.345.939a.12.12 0 0 1 .023-.07.1.1 0 0 1 .038-.033A.2.2 0 0 1 4.46.82a.2.2 0 0 1 .13.022l.037.024.003.003-.045.059-.003-.003A.2.2 0 0 0 4.54.9a.1.1 0 0 0-.065-.008.1.1 0 0 0-.027.012l-.007.01a.04.04 0 0 0-.007.022q0 .006.002.01l.005.01a.1.1 0 0 0 .017.015l.027.013.016.006.016.006.063.028.019.013a.1.1 0 0 1 .029.035l.008.023a.13.13 0 0 1-.008.077.1.1 0 0 1-.03.04.14.14 0 0 1-.05.027zm.307-.007h-.088V.645h.092q0 .115-.002.229a.3.3 0 0 1 .05-.038.2.2 0 0 1 .048-.017.2.2 0 0 1 .068.002.1.1 0 0 1 .057.038q.01.014.018.033A.314.314 0 0 1 5.08.98v.258h-.093V.99L4.985.96 4.98.936 4.97.92 4.96.907 4.943.9a.1.1 0 0 0-.037 0 .1.1 0 0 0-.03.011l-.016.01-.032.03v.288z" /> <path d="M1.844 1.377a.97.97 0 0 1-.878.563A.963.963 0 0 1 0 .974.964.964 0 0 1 .966.007a.96.96 0 0 1 .865.536l-.048.024A.92.92 0 0 0 .966.062a.91.91 0 0 0-.912.912.91.91 0 0 0 .912.912.91.91 0 0 0 .83-.532z" class="logo-circle" /> </svg> </h3> <div class="text-share"> <a href="https://x.com/SCIEPublish" class="share-btn twitter-btn" title="Share on Twitter" target="_blank"> <svg t="1713929395475" class="icon" width="32" height="32" viewBox="0 0 1399 1024" fill="#000000" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8742"> <path d="M282.021569 119.281213l323.998199 433.216256-326.044203 352.222995h73.379441l285.451142-308.376452 230.636674 308.376452h249.713149l-342.227762-457.583832 303.479459-327.855419h-73.379441l-262.886398 284.008876-212.407111-284.008876h-249.713149z m107.909957 54.051408h114.71879l506.578928 677.328049h-114.718791l-506.578927-677.328049z" p-id="8743"></path> </svg> </a> <a href="" class="share-btn LinkedIn-btn" id="email-LinkedIn-btn" title="Share on LinkedIn" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#000000" class="bi bi-linkedin" viewBox="0 0 16 16"> <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/> </svg> </a> <a href="javaScript:void(0)" class="share-btn wechat-btn" id="wechat-share-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="#000000" class="bi bi-wechat" viewBox="0 0 16 16"> <path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.324.324 0 0 0-.12.366l.218.81a.616.616 0 0 1 .029.117.166.166 0 0 1-.162.162.177.177 0 0 1-.092-.03l-1.057-.61a.519.519 0 0 0-.256-.074.509.509 0 0 0-.142.021 5.668 5.668 0 0 1-1.576.22ZM9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.615.615 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.627.627 0 0 0 .098.356Z"/> <path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.499.499 0 0 0-.032.14.192.192 0 0 0 .193.193c.039 0 .077-.01.111-.029l1.268-.733a.622.622 0 0 1 .308-.088c.058 0 .116.009.171.025a6.83 6.83 0 0 0 1.625.26 4.45 4.45 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02.05 0 .1 0 .15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826Zm4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Zm3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0Z"/> </svg> <div class="cord"> <div class="img"> <img src="/style/image/wechat.jpg" alt="SCIEPublish wechat" /> </div> </div> </a> <a href="mailto:office@sciepublish.org" class="share-btn email-btn" id="email-share-btn" title="Share on Email" target="_blank"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" fill="#000000" class="bi bi-envelope-fill" viewBox="0 0 16 16"> <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558L0 4.697ZM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"/> </svg> </a> </div> </div> </div> <div class="copyright-box mt-4 mb-0 pt-3 pb-0"> <p class="text-left">Copyright © 2021-2024 SCIE Publishing Ltd. unless otherwise stated.</p> <p class="text-right"> <a href="/Privacy" title="Privacy">Privacy</a>  <a href="/Terms_of_Use" title="Terms of Use">Terms of Use</a> </p> </div> </div> </footer>  <div class="back-top"> <div class="d-flex justify-content-center align-items-center flex-wrap"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-chevron-up" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z"/> </svg> <span>TOP</span> </div> </div>  <div class="toast-container"> <div class="toast" id="liveToast" role="alert" data-delay="3000" aria-live="assertive" aria-atomic="true"> <div class="toast-header"> <strong class="mr-auto">Message</strong> <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close"> <span aria-hidden="true">×</span> </button> </div> <div class="toast-body"> </div> </div> </div> <script> $(function () { $('.js-navbar-toggle').on('click', function () { $('header nav').toggleClass('nav-search-active'); }); var windowHeight = $(window).height(), header = $('header'), backTop = $('.back-top'); $(window).scroll(function(){ var scrollTop = $(this).scrollTop(); scrollTop > 0 ? header.addClass('fixed') : header.removeClass('fixed'); scrollTop > windowHeight ? backTop.addClass('fixed') : backTop.removeClass('fixed'); }) backTop.click(function(){ $("body,html").animate({scrollTop:0},300); }) $(".article-abseract.clamp").each(function () { $(this).click(function () { $(this).toggleClass("clamp-open"); }); }); //初始化select $('select.select-mania').selectMania(); }) $('.logout').click(function () { $.get('/index/user/login_out', function (res) { if (res.err == 0) { window.location.href = res.data layer.msg('exit successfully!') } else { layer.msg('Exit failed!') } }) }) </script> </body> </html>

CINXE.COM

Ecological Civilization: A New Open Access Journal for Research on Eco-Civilization Concerns - Ecological Civilization - Full-Text HTML - SCIEPublish