成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

無框架依賴的思維導(dǎo)圖內(nèi)核 Mind Elixir 開源啦

yvonne / 1389人閱讀

摘要：結(jié)構(gòu)掛載的目標需要定寬高，可以是百分百外層元素建議設(shè)置，否則菜單位置以視窗為標準分布。函數(shù)在使用節(jié)點操作方法時需要傳入的參數(shù)可以借助函數(shù)獲得。

Github 地址： https://github.com/ssshooter/...

試用地址： https://mindelixir.ink/

Mind elixir 是一個免費開源的思維導(dǎo)圖內(nèi)核

立即試用

https://mindelixir.ink/#/

在項目中使用 安裝 NPM 
npm i mind-elixir -S
import MindElixir, { E } from "mind-elixir"
script 標簽引入
HTML 結(jié)構(gòu)
初始化 
let mind = new MindElixir({
  el: "#map",
  direction: MindElixir.LEFT,
  data: MindElixir.new("new topic"), // 也可以把 getDataAll 得到的數(shù)據(jù)初始化
  draggable: true, // 啟用拖動 default true
  contextMenu: true, // 啟用右鍵菜單 default true
  toolBar: true, // 啟用工具欄 default true
  nodeMenu: true, // 啟用節(jié)點菜單 default true
  keypress: true, // 啟用快捷鍵 default true
})
mind.init()

// get a node
E("node-id")
Data Export 
mind.getAllData()
// see src/example.js
使用提示 direction 選項

direction 選項可選 MindElixir.LEFT、MindElixir.RIGHT 和 MindElixir.SIDE。

HTML 結(jié)構(gòu)

掛載的目標需要定寬高，可以是百分百；外層元素建議設(shè)置 position: relative;，否則菜單位置以視窗為標準分布。

E 函數(shù)

在使用節(jié)點操作方法時需要傳入的參數(shù)可以借助 E 函數(shù)獲得。

mind.insertSibling(E("bd4313fbac40284b"))
文檔

https://inspiring-golick-3c01...

依賴

hotkeys-js

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106260.html

相關(guān)文章

  • [Thinking in java] IO思維導(dǎo)圖

    摘要：總覺書翻過一遍，就很容易忘。在網(wǎng)上看到了用思維導(dǎo)圖做記錄的方式。記錄下學(xué)習(xí)部分的思維導(dǎo)圖，對自己的知識做一個梳理。如果圖片看不清楚的話，可以來這個鏈接下載 總覺書翻過一遍，就很容易忘。在網(wǎng)上看到了用思維導(dǎo)圖做記錄的方式。記錄下學(xué)習(xí)TJ4 IO部分的思維導(dǎo)圖，對自己的知識做一個梳理。 showImg(https://segmentfault.com/img/remote/14600000...

    My_Oh_My 評論0 收藏0

  • Spring IOC知識點一網(wǎng)打盡！

    摘要：使用的好處知乎的回答不用自己組裝，拿來就用。統(tǒng)一配置，便于修改。 前言 只有光頭才能變強 回顧前面： 給女朋友講解什么是代理模式 包裝模式就是這么簡單啦 單例模式你會幾種寫法？ 工廠模式理解了沒有？ 在刷Spring書籍的時候花了點時間去學(xué)習(xí)了單例模式和工廠模式，總的來說還是非常值得的！ 本來想的是刷完《Spring 實戰(zhàn) (第4版)》和《精通Spring4.x 企業(yè)應(yīng)用開發(fā)實戰(zhàn)》...

    djfml 評論0 收藏0

  • 無監(jiān)控、不運維。運維系統(tǒng)架構(gòu)設(shè)計附帶思維導(dǎo)圖

    摘要：無監(jiān)控不運維運維行業(yè)有句話無監(jiān)控不運維。沒了監(jiān)控，什么基礎(chǔ)運維，業(yè)務(wù)運維都是瞎子。監(jiān)控報警模塊此模塊主要完成監(jiān)控腳本的設(shè)置報警規(guī)則設(shè)置，報警閥值設(shè)置報警聯(lián)系人設(shè)置等，并將報警結(jié)果進行集中展現(xiàn)和歷史記錄。常見的監(jiān)控報警工具有等。 無監(jiān)控、不運維 運維行業(yè)有句話：無監(jiān)控、不運維。是的，一點也不夸張，監(jiān)控俗稱第三只眼。沒了監(jiān)控，什么基礎(chǔ)運維，業(yè)務(wù)運維都是瞎子。** 開篇 所以說監(jiān)控是運維這個...

    Freeman 評論0 收藏0

  • 無監(jiān)控、不運維。運維系統(tǒng)架構(gòu)設(shè)計附帶思維導(dǎo)圖

    摘要：無監(jiān)控不運維運維行業(yè)有句話無監(jiān)控不運維。沒了監(jiān)控，什么基礎(chǔ)運維，業(yè)務(wù)運維都是瞎子。監(jiān)控報警模塊此模塊主要完成監(jiān)控腳本的設(shè)置報警規(guī)則設(shè)置，報警閥值設(shè)置報警聯(lián)系人設(shè)置等，并將報警結(jié)果進行集中展現(xiàn)和歷史記錄。常見的監(jiān)控報警工具有等。 無監(jiān)控、不運維 運維行業(yè)有句話：無監(jiān)控、不運維。是的，一點也不夸張，監(jiān)控俗稱第三只眼。沒了監(jiān)控，什么基礎(chǔ)運維，業(yè)務(wù)運維都是瞎子。** 開篇 所以說監(jiān)控是運維這個...

    tianhang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<