μƒνƒœ ν‘œμ‹œμ€„μ— μƒˆ 블둝을 λ§Œλ“€λ €λ©΄ onload() λ©”μ†Œλ“œμ—μ„œ addStatusBarItem()을 ν˜ΈμΆœν•˜μ„Έμš”. addStatusBarItem() λ©”μ†Œλ“œλŠ” μžμ‹ λ§Œμ˜ μš”μ†Œλ₯Ό μΆ”κ°€ν•  수 μžˆλŠ” HTML elementsλ₯Ό λ°˜ν™˜ν•©λ‹ˆλ‹€.

Obsidian λͺ¨λ°”일

μ‚¬μš©μž μ •μ˜ μƒνƒœ ν‘œμ‹œμ€„ ν•­λͺ©μ€ Obsidian λͺ¨λ°”일 μ•±μ—μ„œ μ§€μ›λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

import { Plugin } from 'obsidian';
 
export default class ExamplePlugin extends Plugin {
  async onload() {
    const item = this.addStatusBarItem();
    item.createEl('span', { text: 'Hello from the status bar πŸ‘‹' });
  }
}

Note

createEl() λ©”μ†Œλ“œ μ‚¬μš© 방법에 λŒ€ν•œ μžμ„Έν•œ λ‚΄μš©μ€ HTML elementsλ₯Ό μ°Έμ‘°ν•˜μ„Έμš”.

addStatusBarItem()을 μ—¬λŸ¬ 번 ν˜ΈμΆœν•˜μ—¬ μ—¬λŸ¬ μƒνƒœ ν‘œμ‹œμ€„ ν•­λͺ©μ„ μΆ”κ°€ν•  수 μžˆμŠ΅λ‹ˆλ‹€. Obsidian은 ν•­λͺ©λ“€ 사이에 간격을 μΆ”κ°€ν•˜λ―€λ‘œ, 간격을 더 μ„Έλ°€ν•˜κ²Œ μ œμ–΄ν•΄μ•Ό ν•˜λŠ” 경우 λ™μΌν•œ μƒνƒœ ν‘œμ‹œμ€„ ν•­λͺ©μ— μ—¬λŸ¬ HTML μš”μ†Œλ₯Ό λ§Œλ“€μ–΄μ•Ό ν•©λ‹ˆλ‹€.

import { Plugin } from 'obsidian';
 
export default class ExamplePlugin extends Plugin {
  async onload() {
    const fruits = this.addStatusBarItem();
    fruits.createEl('span', { text: '🍎' });
    fruits.createEl('span', { text: '🍌' });
 
    const veggies = this.addStatusBarItem();
    veggies.createEl('span', { text: 'πŸ₯¦' });
    veggies.createEl('span', { text: 'πŸ₯¬' });
  }
}

μœ„ μ˜ˆμ œλŠ” λ‹€μŒ μƒνƒœ ν‘œμ‹œμ€„μ„ 결과둜 λ³΄μ—¬μ€λ‹ˆλ‹€: