1<!DOCTYPE html> 2<html lang="en" data-style="pc-web"> 3 <head><link rel="canonical" href="https://www.edrawmind.com/app/create" /><link rel="canonical" href="https://www.edrawmind.com/app/create" /> 4 <meta charset="UTF-8" /> 5 <link 6 rel="shortcut icon" 7 href="https://mm.edrawsoft.cn/favicon.ico" 8 mce_href="https://mm.edrawsoft.cn/favicon.ico" 9 type="image/x-icon" 10 /> 11 <meta 12 name="viewport" 13 id="viewportMeta" 14 content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" 15 /> 16 <title>EdrawMind Online</title> 17 <meta name="description" content="Mind mapping online,Collaborative in real-time. Connect ideas and boost productivity for collaboration, like brainstorming, note-taking, project planning, and more." /> 18
18<script> 19 const sdk = 20 "https://msg.wondershare.cc/NPS/sdk/user_evaluation_system_sdk.js"; 21 const script = document.createElement("script"); 22 script.src = sdk; 23 script.async = true; 24 document.head.appendChild(script); 25 </script>
25 26
26<script> 27 const sdks = [ 28 "https://res.wx.qq.com/open/js/jweixin-1.2.0.js", 29 "https://open.work.weixin.qq.com/wwopen/js/jwxwork-1.0.0.js", 30 ]; 31 const weixin = isWeixin(); 32 if (weixin) { 33 sdks.forEach((sdk) => { 34 const script = document.createElement("script"); 35 script.src = sdk; 36 document.head.appendChild(script); 37 }); 38 } 39 function isWeixin() { 40 const search = new URLSearchParams(location.search); 41 const state = search?.get("state"); 42 if ( 43 location.host.includes("qyweixin") || 44 state === "weixinlogin" || 45 search?.get("platform") === "weixin" 46 ) { 47 return true; 48 } 49 return false; 50 } 51 </script>
51 52 <style> 53 body { 54 margin: 0; 55 padding: 0; 56 } 57 58 #ed-skeleton-page { 59 position: relative; 60 z-index: -1; 61 } 62 63 .d-flex { 64 display: flex !important; 65 } 66 67 @keyframes el-skeleton-loading { 68 0% { 69 background-position: 100% 50%; 70 } 71 72 to { 73 background-position: 0 50%; 74 } 75 } 76 77 .common-style { 78 /* background: rgba(242, 244, 246, 0.8); */ 79 border-radius: 6px; 80 background: linear-gradient( 81 60deg, 82 #f2f2f2 25%, 83 #e6e6e6 37%, 84 #f2f2f2 63% 85 ); 86 background-size: 400% 100%; 87 animation: el-skeleton-loading 1.5s ease infinite; 88 } 89 90 #ed-skeleton-page { 91 position: relative; 92 background: var(--el-bg-color); 93 } 94 95 .ed-skeleton-home { 96 height: 100vh; 97 display: grid; 98 grid-template-columns: 248px auto; 99 grid-template-rows: 76px auto; 100 } 101 102 .ed-skeleton-page--nav { 103 grid-column-start: 1; 104 grid-column-end: 2; 105 grid-row-start: 1; 106 grid-row-end: 3; 107 background: rgba(242, 244, 246, 0.4); 108 padding: 32px 16px; 109 } 110 111 .ed-skeleton-page--logo { 112 display: flex; 113 margin-bottom: 40px; 114 } 115 116 .ed-skeleton-page--logo-icon { 117 width: 24px; 118 height: 24px; 119 } 120 121 .ed-skeleton-page--logo-text { 122 height: 24px; 123 width: 176px; 124 margin-left: 16px; 125 } 126 127 .ed-skeleton-page--nav-bottom { 128 padding-left: 64px; 129 } 130 131 .ed-skeleton-page--nav-row { 132 height: 24px; 133 margin-bottom: 20px; 134 } 135 136 .ed-skeleton-page--header { 137 display: flex; 138 justify-content: space-between; 139 padding: 24px 32px 0px; 140 } 141 142 .ed-skeleton-page--header-left { 143 width: 280px; 144 height: 40px; 145 } 146 147 .ed-skelton-page--header-text { 148 width: 169px; 149 height: 40px; 150 margin-right: 24px; 151 } 152 153 .ed-skelton-page--header-circle { 154 width: 40px; 155 height: 40px; 156 border-radius: 50%; 157 } 158 159 .ed-skeleton-page--content { 160 padding: 32px; 161 } 162 163 .ed-skeleton-page--create-list { 164 display: grid; 165 grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); 166 grid-gap: 24px; 167 margin-bottom: 32px; 168 } 169 170 .ed-skeleton-page--create-item, 171 .ed-skeleton-page--medium-block { 172 height: 162px; 173 } 174 175 .ed-skeleton-page--template { 176 margin: 52px auto 32px; 177 display: flex; 178 justify-content: space-between; 179 } 180 181 .ed-skeleton-page--template-title { 182 width: 128px; 183 height: 24px; 184 } 185 186 .ed-skeleton-page--grid { 187 display: grid; 188 grid-gap: 24px; 189 grid-template-columns: repeat(auto-fit, minmax(206px, 1fr)); 190 } 191 192 .ed-skeleton-page--tile { 193 height: 152px; 194 } 195 196 /* 移å¨ç«¯ç骨æ¶å± */ 197 .ed-mobileSkeleton-home { 198 height: 100vh; 199 display: grid; 200 grid-template-columns: 100%; 201 grid-template-rows: 76px auto; 202 } 203 .ed-mobileSkeleton-header { 204 display: flex; 205 justify-content: space-between; 206 padding: 20px 12px; 207 } 208 .ed-mobileSkeleton-team { 209 width: 100px; 210 height: 36px; 211 } 212 .ed-mobileSkeleton-rightHeader { 213 display: flex; 214 width: 162px; 215 } 216 .ed-mobileSkeleton-login { 217 width: 110px; 218 height: 36px; 219 margin-right: 5px; 220 } 221 .ed-mobileSkeleton-avatar { 222 width: 36px; 223 height: 36px; 224 border-radius: 50%; 225 } 226 .ed-mobileSkeleton-nav { 227 display: flex; 228 justify-content: space-between; 229 padding: 14px 15px; 230 height: 50px; 231 } 232 .ed-mobileSkeleton-navLeft { 233 width: 80px; 234 height: 25px; 235 } 236 .ed-mobileSkeleton-navRight { 237 display: flex; 238 width: 110px; 239 } 240 .ed-mobileSkeleton-add { 241 width: 25px; 242 height: 25px; 243 margin-right: 25px; 244 } 245 .ed-mobileSkeleton-selectLayout { 246 width: 60px; 247 height: 25px; 248 } 249 .ed-mobileSkeleton-content { 250 height: calc(100vh - 156px); 251 } 252 .ed-mobileSkeleton-contentContainer { 253 height: 95%; 254 margin: 0 20px; 255 } 256 /* .ed-mobileSkeleton-contentContainer { 257 display: flex; 258 flex-direction: column; 259 height: 345px; 260 } 261 .ed-mobileSkeleton-teamImg { 262 width: 200px; 263 height: 130px; 264 } 265 .ed-mobileSkeleton-teamTips { 266 width: 200px; 267 height: 30px; 268 margin-top: 30px; 269 } 270 .ed-mobileSkeleton-teamLogin { 271 width: 80px; 272 height: 35px; 273 margin-top: 15px; 274 align-self: center; 275 } */ 276 </style> 277
277<script type="module" crossorigin src="//mm-statics.edrawmind.com/app/assets/index-fcf7b8ae.js"></script>
277 278 <link rel="modulepreload" crossorigin href="//mm-statics.edrawmind.com/app/assets/index-6573b8ec.js"> 279 <link rel="modulepreload" crossorigin href="//mm-statics.edrawmind.com/app/assets/runtime-core.esm-bundler-1035b8ac.js"> 280 <link rel="modulepreload" crossorigin href="//mm-statics.edrawmind.com/app/assets/lodash.js-55dadc6d.js"> 281 <link rel="modulepreload" crossorigin href="//mm-statics.edrawmind.com/app/assets/mind-franc-eff74c62.js"> 282 <link rel="stylesheet" href="//mm-statics.edrawmind.com/app/assets/index-91a665ce.css"> 283 </head> 284 285 <body> 286 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 286-287
286 287 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
287GTM-MMXSMCD
vendor: 88 bytes, lines 287-289
287" 288 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 289
289<!-- End Google Tag Manager (noscript) --> 290 <div id="app"></div> 291 292 <div id="ed-skeleton-page"> 293 <!-- pc端 --> 294 <div class="ed-skeleton-home" style="display: none"> 295 <div class="ed-skeleton-page--nav"> 296 <div class="ed-skeleton-page--logo"> 297 <div 298 class="ed-skeleton-page--logo-icon common-style" 299 ></div> 300 <div 301 class="ed-skeleton-page--logo-text common-style" 302 ></div> 303 </div> 304 305 <div class="ed-skeleton-page--nav-top"> 306 <div 307 class="ed-skeleton-page--nav-row common-style" 308 ></div> 309 <div 310 class="ed-skeleton-page--nav-row common-style" 311 ></div> 312 <div 313 class="ed-skeleton-page--nav-row common-style" 314 ></div> 315 <div 316 class="ed-skeleton-page--nav-row common-style" 317 ></div> 318 </div> 319 <div class="ed-skeleton-page--nav-bottom"> 320 <div 321 class="ed-skeleton-page--nav-row common-style" 322 ></div> 323 <div 324 class="ed-skeleton-page--nav-row common-style" 325 ></div> 326 <div 327 class="ed-skeleton-page--nav-row common-style" 328 ></div> 329 <div 330 class="ed-skeleton-page--nav-row common-style" 331 ></div> 332 </div> 333 </div> 334 <div class="ed-skeleton-page--header"> 335 <div 336 class="ed-skeleton-page--header-left common-style" 337 ></div> 338 <div class="d-flex"> 339 <div 340 class="ed-skelton-page--header-text common-style" 341 ></div> 342 <div 343 class="ed-skelton-page--header-circle common-style" 344 ></div> 345 </div> 346 </div> 347 <div class="ed-skeleton-page--content"> 348 <div class="ed-skeleton-page--create-list"> 349 <div 350 class="ed-skeleton-page--create-item common-style" 351 ></div> 352 <div 353 class="ed-skeleton-page--create-item common-style" 354 ></div> 355 <div 356 class="ed-skeleton-page--create-item common-style" 357 ></div> 358 </div> 359 360 <div 361 class="ed-skeleton-page--medium-block common-style" 362 ></div> 363 364 <div class="ed-skeleton-page--template"> 365 <div 366 class="ed-skeleton-page--template-title common-style" 367 ></div> 368 <div 369 class="ed-skeleton-page--template-title common-style" 370 ></div> 371 </div> 372 373 <div class="ed-skeleton-page--grid"> 374 <div class="ed-skeleton-page--tile common-style"></div> 375 <div class="ed-skeleton-page--tile common-style"></div> 376 <div class="ed-skeleton-page--tile common-style"></div> 377 <div class="ed-skeleton-page--tile common-style"></div> 378 <div class="ed-skeleton-page--tile common-style"></div> 379 <div class="ed-skeleton-page--tile common-style"></div> 380 <div class="ed-skeleton-page--tile common-style"></div> 381 <div class="ed-skeleton-page--tile common-style"></div> 382 <div class="ed-skeleton-page--tile common-style"></div> 383 <div class="ed-skeleton-page--tile common-style"></div> 384 <div class="ed-skeleton-page--tile common-style"></div> 385 </div> 386 </div> 387 </div> 388 389 <!-- 移å¨ç«¯ --> 390 <div class="ed-mobileSkeleton-home" style="display: none"> 391 <div class="ed-mobileSkeleton-header"> 392 <div class="ed-mobileSkeleton-team common-style"></div> 393 <div class="ed-mobileSkeleton-rightHeader"> 394 <div class="ed-mobileSkeleton-login common-style"></div> 395 <div 396 class="ed-mobileSkeleton-avatar common-style" 397 ></div> 398 </div> 399 </div> 400 <div class="ed-mobileSkeleton-nav"> 401 <div class="ed-mobileSkeleton-navLeft common-style"></div> 402 <div class="ed-mobileSkeleton-navRight"> 403 <div class="ed-mobileSkeleton-add common-style"></div> 404 <div 405 class="ed-mobileSkeleton-selectLayout common-style" 406 ></div> 407 </div> 408 </div> 409 <div class="ed-mobileSkeleton-content"> 410 <div 411 class="ed-mobileSkeleton-contentContainer common-style" 412 > 413 <!-- <div 414 class="ed-mobileSkeleton-teamImg common-style" 415 ></div> 416 <div 417 class="ed-mobileSkeleton-teamTips common-style" 418 ></div> 419 <div 420 class="ed-mobileSkeleton-teamLogin common-style" 421 ></div> --> 422 </div> 423 </div> 424 </div> 425 </div> 426 427
427<script> 428 const Nav = navigator.userAgent; 429 430 function isIE() { 431 return !!document.documentMode || Nav.indexOf("MSIE") !== -1; 432 } 433 434 function isMobile() { 435 return ( 436 !!Nav.match(/AppleWebKit.*Mobile.*/) || 437 !!Nav.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) || 438 Nav.indexOf("Android") !== -1 439 ); 440 } 441 if (isIE()) { 442 const link = document.createElement("link"); 443 link.setAttribute("rel", "stylesheet"); 444 link.href = "/src/style/element.css"; 445 document.getElementsByTagName("head")[0].appendChild(link); 446 window.onload = function () { 447 const container = document.createElement("div"); 448 container.className = "ed-ie-browser_content"; 449 container.innerHTML = 450 "<div class='edm-overlay is-message-box'><div class='edm-message-box edm-message-box--center' style='max-width: 88%;'><div class='edm-message-box__header'><div class='edm-message-box__title' style='text-align: center;'><span style='line-height: 1.5;'>ä¸å ´èå¾å¨çº¿ç<br>æä¸æ¯æå¨å½åæµè§å¨æå¼æ件</span></div></div><div class='edm-message-box__content'><div class='edm-message-box__container'><div class='edm-message-box__message'><p>为äºæ¨çæ佳使ç¨ä½éªï¼å»ºè®®ä½¿ç¨Chromeæµè§å¨è®¿é®ï¼https://edrawmind.cn/app/</p></div></div></div></div></div>"; 451 document.body.appendChild(container); 452 }; 453 } 454 if (isMobile()) { 455 if (/create|drafts|team|proj|clouds/.test(location.href)) { 456 document.querySelector( 457 ".ed-mobileSkeleton-home" 458 ).style.display = "grid"; 459 } 460 } else { 461 if (/create|drafts|\/team|\/proj|clouds|\/community|\/knowledge/.test(location.href)) { 462 document.querySelector(".ed-skeleton-home").style.display = 463 "grid"; 464 } 465 } 466 </script>
466 467 468 469 470
470<script> 471 window.addEventListener("DOMContentLoaded", () => { 472 setTimeout(() => { 473 document.querySelector("#ed-skeleton-page").style.display = 474 "none"; 475 }, 1000); 476 }); 477 </script>
477 478 479
479<script> 480 const checkLoad = () => { 481 const origin = window.location.origin; 482 return ( 483 (origin === "https://www.edrawmind.com") && 484 document.getElementById("chatBot") == null && !window.location.pathname.includes("dialog") 485 ); 486 }; 487 488 if (checkLoad()) { 489 const scriptId = "ws-snippet"; 490 const scriptSrc = 491 "https://crm-static.wondershare.cc/chatbot/latest/assets/snippet.js?key=d9351cbd-44ba-44bb-a169-5b16796f83f3"; 492 const script = document.getElementById(scriptId); 493 if (!script) { 494 const newScript = document.createElement("script"); 495 newScript.id = scriptId; 496 newScript.src = scriptSrc; 497 newScript.setAttribute("crossorigin", "anonymous"); 498 document.body.appendChild(newScript); 499 } 500 } 501 </script>
501 502 </body> 503</html> 504
505<script>(function(){ 506 return {"date":"9/1/2026, 2:17:37 PM"} 507 })()</script>
vendor: 1 bytes, line 507
507
508<script>(function(){ 509 return {"httpBosCdnBase":"","httpApiBase":"api.edrawmind.com","privatizeEnv":"","uiLang":"EN","sentryDsnUrl":"https://[email protected]/3","sentryTracesSamplerate":"0.5","httpCdnBase":"mm-statics.edrawmind.com","publicComponentBase":"https://www.edrawmind.com/public/component"} 510 })()</script>
510 511
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.